/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

19 votes217 views6 answers
React native build android apk
Javascript React
-2 votes220 views1 answer
Multiple image upload react
Javascript React
0 vote242 views4 answers
Create a virtual reality website using react js
Javascript React
0 vote234 views1 answer
Fcctest cdn reactjs setup
Javascript React
0 vote267 views1 answer
React router redirect with query params
Javascript React
0 vote225 views1 answer
React-native-paper resize switch resize
Javascript React
0 vote204 views2 answers
Undo npm run eject react
Javascript React
-1 vote218 views4 answers
React native reset cache
Javascript React
0 vote213 views1 answer
Como hacer un onpress en react native expo
Javascript React
15 votes232 views1 answer
React forwardref
Javascript React