ReactNative-shop
Introduction
前言
第一章 认识 React Native
1.1 为什么选择 React Native
1.2 创建 React Native项目
1.3 熟悉项目
本章小结
第二章 设计高质量的 React Native 组件
2.1 React Native 组件的数据
2.1.1 组件中的 state
2.1.2 组件中的 prop
2.1.3 声明属性和属性检查
2.1.4 prop 和 state 的对比
2.2 组件的生命周期
2.3 组件向外传递数据
本章小结
第三章 使用 react-navigation 实现不同界面的跳转
3.1 集成 react-navigation
3.2 createStackNavigator 介绍
3.2.1 搭建程序启动页
3.2.2 使用 createStackNavigator
3.3 使用 createBottomTabNavigator 搭建底部导航条
3.3.1 集成 react-native-vector-icons
3.3.2 创建底部导航条
3.4 使用 createMaterialTopTabNavigator 完成分类页面
3.4.1 createMaterialTopTabNavigator 介绍
3.4.2 自定义顶部标签样式
3.4.3 适配 Android 机型
3.4.4 适配 iPhoneX
3.5 使用 withNavigation 跳转到搜索页
3.6 页面之间传递参数
本章小结
第四章 Flexbox 布局搭建漂亮的页面
4.1 Flexbox 基础知识
4.1.1 Box 盒子模型
4.1.2 Flex 弹性布局
4.2 position 布局
4.3 屏幕尺寸适配
4.4 个人中心页面的实现
4.4.1 实现上半部分
4.4.2 实现下半部分
本章小结
第五章 最常用也最复杂的列表组件
5.1 使用 FlatList 实现品类页面
5.2 带首字母定位的列表
Powered by
GitBook
3.3 使用 createBottomTabNavigator 搭建底部导航条
3.3 使用 createBottomTabNavigator 搭建底部导航条
电商项目主页也和主流的 App 类似，底部有导航条，点击不同的标签切换不同的界面，如图3-2 所示。实现底部导航条推荐使用 createBottomTabNavigator 。
图3-2 项目主页
results matching "
"
No results matching "
"
图3-2 项目主页