react-navigation3.0——路由构建、页面跳转动画

介绍如何构建APP的基本路由,以及如何为不同场景的页面设计不同的跳转动画。

1.tabNavigator

使用 createBottomTabNavigator 、 createMaterialTopTabNavigator构建tabBar在底部或者底部的tab页

image.png

2.StackNavigator

构建APP的基本路由结构结构

image.png

3.构建路由容器

image.png

补充:如何在APP中采用不同的跳转动画。

为需要单独配置跳转动画的页面,单独构建StackNavigator。

image.png

这里我是为登录页单独构建StackNavigator设计不同的跳转动画,然后在createStackNavigator添加路由配置。

image.png

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容