/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 vote207 views1 answer
React redux wait for props
Javascript React
3 votes206 views2 answers
How to get current screen name in react native
Javascript React
1 vote204 views1 answer
Adding parameters to url react router
Javascript React
1 vote230 views1 answer
Has been blocked by cors policy react fetch firebase realtime database
Javascript React
0 vote266 views2 answers
Loop through array react native
Javascript React
0 vote228 views1 answer
Javascript ReactDOM.render
Javascript React
0 vote209 views1 answer
React passport session
Javascript React
0 vote209 views2 answers
React show view based on role permission
Javascript React
7 votes223 views1 answer
React Hook "React.useState" is called in function "placeItem" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote201 views3 answers
React-router-dom status code 301
Javascript React