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

Question

我在从边栏中的道具获取数据时遇到了问题，我使用Navigation Drawer对其进行了这样的编码。例如，我如何从navigationOptions访问该文本("xd"(，或者我如何将对象传递到那里并正确阅读？

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

代码的其余部分

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

}}/>
</View>
</ScrollView>  
);

Answer 1

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

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

然后，您可以检索传递给SideBar组件的icon值，如下所示：

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

我使用了Text组件来举一个例子，但用您想要的视图替换Text组件