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
4.4 个人中心页面的实现
4.4 个人中心页面的实现
掌握了 Flexbox 布局,可以实现个人中心页面,如 图4-10所示。
图4-10 个人中心页面
这个页面拆分成上下两个部分实现。
results matching "
"
No results matching "
"