/Javascript/React/Swap scroll right in react native

Swap scroll right in react native

scrollListToStart(contentWidth, contentHeight) {
    if (I18nManager.isRTL) {
        this.scrollView.scrollTo({x: contentWidth});
    }
}

render() {
    let containerStyle = I18nManager.isRTL ? styles.RTLContainer : styles.LTRContainer;

    return (
        <ScrollView
            ref={ref => this.scrollView = ref}
            onContentSizeChange={this.scrollListToStart.bind(this)}
            horizontal={true}
            style={[styles.buttonsContainer, containerStyle]}>
            {this.renderButtons()}
        </ScrollView>
    )
}


const styles = StyleSheet.create({

    RTLContainer: {
        flexDirection: 'row-reverse'
    },

    LTRContainer: {
        flexDirection: 'row'
    }
})

Source: stackoverflow.com

Similar codes

0 vote283 views1 answer
React-native how to get size of screen
Javascript React
4 votes313 views1 answer
React props.children proptype
Javascript React
0 vote340 views1 answer
Reactjs lifecycle class components
Javascript React
22 votes282 views4 answers
Npm react copy to clipboard
Javascript React
160 votes462 views6 answers
React install
Javascript React
0 vote290 views1 answer
ERROR TypeError: undefined is not an object (evaluating '_reactNative.Styles.m aincont')
Javascript React
10 votes333 views2 answers
Failed to compile ./src/App.js Module not found: Can't resolve 'react-router-dom
Javascript React
0 vote292 views1 answer
Webpack react proxy not working
Javascript React
22 votes281 views3 answers
How to define array in react js
Javascript React
3 votes291 views1 answer
White screen issue in react native splashscreen
Javascript React