/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 vote173 views1 answer
How to install react fullpage using npm
Javascript React
26 votes158 views5 answers
React font-awesome
Javascript React
11 votes154 views4 answers
Prototype react
Javascript React
0 vote174 views1 answer
React notification
Javascript React
7 votes171 views4 answers
React router link
Javascript React
2 votes180 views1 answer
React native text right align
Javascript React
-2 votes151 views1 answer
How to identify debug and release build in react native
Javascript React
0 vote155 views2 answers
On ddrop function react dropzone parameters
Javascript React
0 vote140 views1 answer
Hide urls in .env in react app
Javascript React
21 votes160 views4 answers
React font awesome npm
Javascript React