Exposing the ScrollView ref with React.forwardRef

Author: appfr3d

src/index.js

@@ -3,7 +3,7 @@ import { StyleSheet, ScrollView, View, Platform } from 'react-native';
 import PropTypes from "prop-types";
 import LinearGradient from "react-native-linear-gradient"
 const defaultFadeColors = ['rgba(229, 229, 229, 0.18)', 'rgba(206, 201, 201, 0.6)', 'rgba(206, 201, 201, 0.9)'];
-export default class RNFadedScrollView extends Component {
+class RNFadedScrollView extends Component {
 
     constructor(props) {
         super(props);
@@ -127,6 +127,7 @@ export default class RNFadedScrollView extends Component {
                 {(this.state.allowStartFade && this.props.allowDivider) && this.getDivider()}
                 <ScrollView
                     {...this.props}
+                    ref={this.props.innerRef}
                     style={[styles.scrollViewStyle, this.props.style]}
                     onContentSizeChange={this.onContentSizeChange}
                     scrollEventThrottle={16}
@@ -171,3 +172,5 @@ RNFadedScrollView.defaultProps = {
     allowDivider: false,
     isRtl: false
 }
+
+export default React.forwardRef((props, ref) => <RNFadedScrollView {...props} innerRef={ref} />)