Breaking News: Grepper is joining You.com. Read the official announcement!

swap scroll right in react native

Important Ibex answered on October 11, 2020 Popularity 5/10 Helpfulness 3/10

answer swap scroll right in react native

swap scroll right in react native

Comment

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'
    }
})

Popularity 5/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: javascript react-native scroll swap

Link to this answer
Share Copy Link