react-native - scrollTo 不滚动视图

Question

我是 react-native 的新手，

我有一个嵌套在 scrollView 内的段选项卡控制器，我试图通过代码滚动 scrollView 以在点击段选项卡时在滚动视图的左上角显示选定的段选项卡。

出于某种原因，这对我不起作用。我现在硬编码x= 100只是为了测试目的，我scroll to segment在调试器中看到了控制台日志。但立场不变。

我从段选项卡控制器的方法的 onTabPress 调用 scrollToSegment() 。

scrollToSegment = () => {

    console.log('scroll to segment')
    this.sRef.scrollTo({
        x:100,
        y:0,
        animated:true
    });
};

              <ScrollView
            style={{paddingTop: 40, height: 100}}
            horizontal
            showsHorizontalScrollIndicator={false}
            ref={ref => (this.sRef = ref)}
            contentContainerStyle={{ flexGrow: 1 }}

        >
            <SegmentedControlTab
                tabStyle={styles.tabStyle}
                tabTextStyle={styles.tabTextStyle}
                activeTabStyle={styles.activeTabStyle}
                activeTabTextStyle={styles.activeTabTextStyle}
                values={categoriesName}
                selectedIndex={currentSelectedIndex}
                onTabPress={(index) => {
                    this.scrollToSegment();
                    return onPressSegmentTab(index)
                }
                }
            />
        </ScrollView>

标签： react-nativereact-native-scrollview