如何从导航抽屉的navigationOptions访问数据

问题描述

我无法从补充工具栏中的道具获取数据，我使用导航抽屉将其编码为此类。 例如，如何从navigationoptions访问该文本（“ xd”），或者如何在该处传递对象 并正确阅读？

contentComponent: props => <SideBar {...props } />,navigationoptions: {
      icon: 'xd'
  },

其余代码

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

  </ScrollView>  
);

解决方法

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

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

然后，您可以像下面这样检索传递到icon组件的SideBar值：

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

我已使用Text组件给出了一个示例，但将Text组件替换为所需的视图。