/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

11 votes145 views3 answers
React app and tailwind
Javascript React
-1 vote155 views2 answers
React map example leaflets
Javascript React
0 vote128 views1 answer
My react router Dom learnings
Javascript React
0 vote138 views1 answer
React Hook useEffect has missing dependencies: 'cart' and 'user._id'. Either include them or remove the dependency array react-hooks/exhaustive-deps
Javascript React
0 vote122 views1 answer
React open a link to an outside siite
Javascript React
2 votes132 views1 answer
Change color of strike through line of text in react native
Javascript React
7 votes188 views3 answers
How to route react from laravel
Javascript React
5 votes155 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React
0 vote131 views2 answers
Read data in props.histroy.push in react component
Javascript React
31 votes123 views1 answer
Download react router dom
Javascript React