/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

0 vote273 views1 answer
React call component state
Javascript React
1 vote251 views1 answer
React list
Javascript React
0 vote269 views1 answer
React link onclick refresh page
Javascript React
0 vote292 views1 answer
React throttle render
Javascript React
0 vote265 views1 answer
How to embed an expression in react js
Javascript React
0 vote289 views2 answers
Npm react router 6.0.0-alpha.2
Javascript React
0 vote279 views1 answer
Get api data from localhost in react native
Javascript React
0 vote271 views1 answer
Did you mean "@babel/transform-react-jsx-source"
Javascript React
-1 vote260 views1 answer
History of react js
Javascript React
0 vote275 views1 answer
Routing in react jps
Javascript React