/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

-1 vote277 views1 answer
React localstorage remove item
Javascript React
0 vote323 views1 answer
Header logo react native doesn't show
Javascript React
0 vote325 views1 answer
21:216 Error: Unknown property 'crossorigin' found, use 'crossOrigin' instead react/no-unknown-property
Javascript React
5 votes308 views2 answers
Onclick multiple functions react
Javascript React
7 votes321 views3 answers
React route props
Javascript React
2 votes322 views1 answer
Scoll to top on each route react
Javascript React
5 votes328 views3 answers
How to scroll to an element javascript react
Javascript React
4 votes353 views1 answer
Full width of image and maintain aspect ratio react native
Javascript React
1 vote343 views1 answer
Close exit app react native
Javascript React
0 vote352 views1 answer
React native listview date separator site:stackoverflow.com
Javascript React