/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

5 votes366 views1 answer
React style ternary operator
Javascript React
0 vote337 views2 answers
React native navigation header Right
Javascript React
9 votes346 views5 answers
Find react version
Javascript React
1 vote342 views1 answer
Typing refs react
Javascript React
0 vote342 views1 answer
React native cors origin
Javascript React
3 votes339 views2 answers
How to get custom attribute value in react
Javascript React
-2 votes266 views1 answer
React router previous location
Javascript React
0 vote358 views1 answer
Doughnut chartjs with react display percentage
Javascript React
1 vote385 views2 answers
[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote342 views1 answer
React js marked import and use
Javascript React