ReactNative

不羁岁月 提交于 2020-02-28 07:15:48

1.配置好环境
Java jdk
Node
Python

SDK
2.安装React Native的命令行工具npm install -g react-native
3.初始化项目react-native init 项目名
4.切换到项目根目录中,运行adb devices来确保有设备连接到电脑上
启动

RN页面

创建基本的RN页面:需要的步骤:
1.导入react包,来创建组件
2.导入react-native包,来提供基础的开发组件
3.从react-native中,可以导入StyleSheet的组件,用它的cteate方法,可以创建样式对象
4.使用react基础的语法,创建出来的组件,就是一个合法的RN组件页面,只能使用RN的合法标签,在RN中只能使用JS,不能使用JSX
5.启动:react-native run-android
ReactNative

  1. 底部导航栏:
    安装: npm install react-native-tab-navigator --save
    使用:点击链接查看

  2. 图标库:
    安装:npm install --save react-native-vector-icons
    导入: import Icon from "react-native-vector-icons/FontAwesome"
    配置:`将node_modules\react-native-vector-icons\Fonts里面全部复制到android\app\src\main\assets\fonts里面

  3. 轮播图
    安装:npm i react-native-swiper

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!