/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 vote120 views1 answer
React usestate set is async
Javascript React
16 votes134 views1 answer
React native loop in render
Javascript React
14 votes111 views2 answers
Adding border in react native
Javascript React
0 vote109 views1 answer
Sort by attribute in reactjs
Javascript React
11 votes119 views4 answers
React native text underline
Javascript React
0 vote116 views1 answer
Mock createRef jest react functional component
Javascript React
0 vote114 views1 answer
How to style navigation drawer react navigation v5
Javascript React
0 vote121 views1 answer
Salvar no localStorage react
Javascript React
0 vote133 views1 answer
Start live server react js
Javascript React
0 vote108 views1 answer
Failed to construct image react-native
Javascript React