我是本机反应新手,
我在滚动视图中嵌套了一个细分标签控制器,我试图通过代码滚动滚动视图,以在点击细分标签时在滚动视图的左上方显示所选的细分标签。
由于某种原因,这对我不起作用。我现在仅出于测试目的对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>