我刚刚开始使用 React Native，目前我正在尝试学习如何构建一个简单的移动应用程序(在 Andriod 模拟器上进行测试)。我现在有两个屏幕/场景(主页和图表)。它应该是这样的:header nav. design
我一直在互联网上搜索，但似乎找不到实现这种标题导航的最佳方法 --> 当按下图形图标时:主屏幕上的 VIEW 需要向左滑动(离开屏幕)，graphVIEW 需要从屏幕右侧进入(就像动画一样)。 我看过react-navigation选项卡/堆栈，但它们似乎都有固定的布局等。
有人可以帮助我解决这个问题或为我指明正确的方向吗？
非常感谢!
最佳答案
我希望这就是您所寻找的......
每个屏幕都有自己的 navigationOptions，这有助于配置其呈现方式。从 v1.0.0-beta.9 开始，导航选项现在可以是接收屏幕组件可用的相同属性的函数。
在主屏幕中添加导航选项。 现在设置 Custom headerRight，将图形图像包裹在一些可触摸项目中，并将 navigation.navigate 挂接到 onPress，如下所示。
static navigationOptions = ({ navigation, screenProps }) => ({
title: 'Home',
headerRight:(
<TouchableHighlight onPress={() => navigation.navigate('GraphScreen')} >
<Image source={require('./my-graph-icon.png')} />
</TouchableHighlight>
)
});
注意:对于添加屏幕的选项卡和堆栈导航器，navigationOptions 列表是不同的，上面的内容应该适用于堆栈导航器。
检查 React-Navigation 文档以获取导航选项 here
关于reactjs - 如何在 React Native 中正确使用导航，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44483020/