WdBly Blog

懂事、有趣、保持理智

WdBly Blog

懂事、有趣、保持理智

周维 | Jim

603927378@qq.com

react-navigation

react-navigation 常见问题

  • 每次调用 push 时, 我们会向导航堆栈中添加新路由。 当你调用 navigate 时, 它首先尝试查找具有该名称的现有路由, 并且只有在堆栈上没有一个新路由时才会推送该路由。
  • 另一个常见需求是能够跨越多个页面返回 - 例如,如果你处在堆栈深处,上面有多个页面,此时你想要将上面所有的页面都销毁,并返回第一个页面。 在这种情况下,我们知道我们要回到Home,所以我们可以使用navigate('Home')(而不是push! 尝试一下,看看有什么不同)。 另一个选择是navigation.popToTop(),它可以返回到堆栈中的第一个页面
  • static navigationOptions配置页面header样式
  • 一个stack中可以设置defaultNavigationOptions提供默认的header样式
  • createStackNavigator(RouteConfigs, StackNavigatorConfig);

image.png

  • 在使用 React Navigation 导航器注册的页面上使用 SafeAreaView `组件。用于兼容iphoneX