scrollTo 在 Drawer.Navigator DrawerItem 的 ScrollView 中

问题描述 投票:0回答:0

假设我们得到以下内容:

导航屏幕

<Drawer.Navigator
        initialRouteName="Home"             
        drawerContent={props => {
            return (
                <DrawerContentScrollView {...props}>
                    <DrawerItemList {...props} />
                    <DrawerItem label="Scroll to aboutus"/>
                </DrawerContentScrollView>                        
            )}
        }>
        <Drawer.Screen options={{
            drawerLabel: 'Home',
            title: ''
            }} name="Home" component={HomeScreen} />            
</Drawer.Navigator>

主屏幕

export default function Home() {
  return (
    <ScrollView>
      <View>
        <Text>One</Text>
      </View>
      <View style={{marginTop:100}}>
        <Text>two</Text>
      </View>
      <View style={{marginTop:100}}>
        <Text>three</Text>
      </View>
      <View style={{marginTop:100}}>
        <Text>four</Text>
      </View>     
      
      <AboutUs/>
    </ScrollView>
  );
}

我如何使用这个 DrawerItem 有点像链接到我们的锚点,所以当我点击它时,我的滚动视图会滚动到 部分?

react-native react-navigation
© www.soinside.com 2019 - 2024. All rights reserved.