scrollTo没有scrollView

时间:2019-04-07 16:39:52

标签: react-native react-native-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>

0 个答案:

没有答案