/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

4 votes236 views1 answer
UseEffect with axios react
Javascript React
0 vote247 views1 answer
Donwload data from react js in json file
Javascript React
0 vote245 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
0 vote224 views1 answer
Usenavigate react router dom v6
Javascript React
0 vote284 views1 answer
React chunk file too large
Javascript React
4 votes249 views4 answers
Class component react
Javascript React
0 vote245 views1 answer
Navigation scroll react
Javascript React
6 votes249 views1 answer
Create bottom navigation bar react native
Javascript React
1 vote252 views1 answer
Reactnode prop-types
Javascript React
3 votes219 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React