准备工作：

  • 安装 VSCode
  • 搭建React Native环境

1、创建React Native项目

  • 创建文件并进入RnDemo mkdir RnDemo
  • 创建项目 react-native init RnDemo

2、用VSCode配置安装 如图（这是我根据自己需要添加的）
在这里插入图片描述
3、添加项目 点击打开 如图
在这里插入图片描述
4、添加配置
在这里插入图片描述
然后会出现下图配置文件
在这里插入图片描述
选择如图
在这里插入图片描述
最后运行
（1）可以点击下图运行
在这里插入图片描述
（2）直接终端运行 进入项目目录 输入 react-native run-ios

**这个地方注意  服务一定要打开  如果没有开 可以自己打开如图**

在这里插入图片描述

运行结果 在这里插入图片描述
按住 command+d 弹出下图 可以进行选择
在这里插入图片描述
OK 完成 谢谢

Logo
智屏生态联盟

智屏生态联盟致力于大屏生态发展，利用大屏快应用技术降低开发者开发、发布大屏应用门槛

更多推荐

taro 引用本地图片展示

import { Image } from ‘@tarojs/components’<引用标签>constructor(){super()this.state={img:require(’./case.png’)}}…

avatar 智屏生态联盟

taro 动态设置标题栏、标题栏动画

导航栏文字旁显示加载菊花图Taro.showNavigationBarLoading()Taro.hideNavigationBarLoading()设置标题栏文字Taro.setNavigationBarTitle({title:'xx'})设置标题栏背景色Taro.setNavigationBarColor({backgroundColor:'16进制颜色',frontColor:'#ffff

avatar 智屏生态联盟

taro 获取用户信息getUserInfo、OpenData

getUserInfo:(1)给按钮添加属性和回调openType='getUserInfo'onGetUserInfo={this.回调}(2)在允许获取信息后,通过Taro.getUserInfo获取方式一Taro.getUserInfo({success: function(res) {console.log(res.userInfo);}})

avatar 智屏生态联盟