【文件属性】:
文件名称:react-navigator:在React Native中使用ReactNavigator
文件大小:3.22MB
文件格式:ZIP
更新时间:2021-04-30 17:38:50
javascript java android-application android-app JavaScript
在React Native中使用ReactNavigator
锻炼目标
知道如何使用React Navigator库中的组件,例如TabNavigator,StackNavigator
了解使用StackNavigator,TabNavigator时如何传输数据
另外,为了方便起见,知道如何划分组件
练习内容
创建一个应用来管理班级成员列表
应用程序有2个标签:
Tab1:显示班级成员列表(包括图像,姓名,电子邮件)Tab2:显示个人信息
对于tab1中显示的每个成员,您可以单击并切换到详细信息屏幕
难易程度
教程:
创建1个TabNavigator,其中包含2个StackNavigator,分别是MemberStack和MeStack
MeStack:创建一个Me组件,数据取自项目中的json文件
MemberStack:声明2个屏幕MemberScreen和MemberDeta