/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

2 votes183 views2 answers
How to send form data from react to express
Javascript React
0 vote178 views1 answer
Create app with a specific react version
Javascript React
0 vote193 views1 answer
Fullcalendar edit event modal react
Javascript React
0 vote199 views1 answer
Auto scroll to view react-native
Javascript React
0 vote186 views1 answer
Async await react stackoverflow
Javascript React
1 vote199 views1 answer
Percentage width react native
Javascript React
0 vote195 views1 answer
Aframe react
Javascript React
0 vote181 views1 answer
How to filter items in react state
Javascript React
1 vote179 views1 answer
No known class method for selector 'setScreenName:screenClass: react native
Javascript React
15 votes200 views3 answers
Image source react native
Javascript React