如何从 Navigation Drawer 的 navigateOptions 访问数据

Posted 2023-04-13

【中文标题】如何从 Navigation Drawer 的 navigateOptions 访问数据

【英文标题】：How to access data from navigateOptions of Navigation Drawer

【发布时间】：2021-01-06 11:02:36

【问题描述】：

我在从边栏中的道具获取数据时遇到了麻烦，我使用导航抽屉将其编码为这样。 例如，我如何从 navigationOptions 访问该文本（“xd”）或者我如何在那里传递一个对象 并正确阅读？

contentComponent: props => <SideBar ...props  />, navigationOptions: 
      icon: 'xd'
  ,

其余代码

export default Sidebar = props => (
..Something not important in that question
          <DrawerNavigatorItems ...props style=
             
          />
      </View>

  </ScrollView>  
);

【参考方案1】：

我不确定您的用例到底是什么，但将icon 作为道具直接传递给SideBar 组件可能更容易：

contentComponent: (props) => <SideBar ...props icon="xd" />

然后您可以像这样检索传递给您的SideBar 组件的icon 值：

export default Sidebar = (props) => (
  <ScrollView>
    <Text>props.icon</Text>
  </ScrollView>
);

我以Text 组件为例，但将Text 组件替换为您想要的视图。