1、环境搭建,直接参考React-Native中文网环境搭建。
2、编译器 推荐Visual Studio Code 点击可下载,建议装插件的时候查清楚是否冲突
visual studio code 编译器建议装的插件有
2.1 ESLint,该插件的使用主要是格式化代码,保证代码的一致性,快速找到错误;
2.2 Path Autocomplete 路径补全提示;
2.3 Search node_modules 快速查找RN库 装好后使用方法,mac下 shift+command+p 快速打开进行库搜索;
2.4 vscode-icons 将项目中不同类型的文件或文件夹通过图标区分出来;
2.5 chinese 汉化包 将编译器汉化。
3、命令行
3.1 创建项目
1、react -native init RNProject(项目名)
2、cd RNProject 进入项目路径
3、react-native run -ios 运行项目
3.2 查看一个包的历史版本
npm view <packagename> versions --json
3.3RN命令行运行在真机
react-native run-ios —device‘设备名’
3.4 命令行装一个组件/删除一个组件
安装:npm install react-native-dropdown-menu --save 斜体未组件名 install 可简写为 i
删除:npm uninstall --save [第三方组件] 如npm uninstall --save react-native-device-info 或npm remove [组件] --save
3.5 清除缓存
react-native start --reset-cache
4、三方库推荐
4.1、图片Image的优化使用 更快的下载显示图片、设置展位图、显示模式设置等
4.2、手势的使用 解决原有手势冲突 封装一些手势问题的使用
4.3、从相册选择图片或视频文件 解决同时选择iOS和Android的图片选择问题
4.4、图片预览放大保存到本地 点击放大图片显示,双击可放大,长按保存到本地
4.5、获取手机IMEI等设备信息 手机型号、版本号、IMEI等设备信息全部可获取
4.6、获得渐变色的图层 例如想获得一个渐变色的View
4.7、监听事件 在输入账号和密码的同时实现可点击下一步操作
4.8、日期选择器 日期选择器 多种样式
4.9、快速简化布局控件 简化原有的布局方式 加快开发进度
4.10、吐司的使用 原有吐司在最新iOS上点击不能消失,最近用的这个
4.11、全新展示的WebView 比原来功能更强大的Webview,可现实emoj表情
4.12、输入验证码框 输入验证码框的时候每个数字都在一个单独的框里
4.13、获取系统权限 iOS 获取相机权限,位置权限等