美文网首页
1.ReactNative之iOS开发环境+Expo19-07-

1.ReactNative之iOS开发环境+Expo19-07-

作者: 你坤儿姐 | 来源:发表于2019-07-09 19:24 被阅读0次

    搭建RN环境有两种形式,

    一.快速形式 Quick Start

    快速形式是用于只有js代码的时候
    可以通过Expo这种形式来搭建。

    1.到浏览器搜索Expo,打开进入,点击Tools
    屏幕快照 2019-07-09 17.32.40.png
    进入后选择Client 屏幕快照 2019-07-09 17.35.03.png
    到手机上下载 屏幕快照 2019-07-09 17.35.35.png
    这款应用。
    2.安装expo的客户端, 全局安装的
    npm install -g expo-cli
    
    3.安装完成后就可以使用expo初始化一个工程
    cd DeskTop/AgoodProject     //先指向你要创建的文件夹
    
    expo init AgoodProject
    

    这里让你选择模板


    屏幕快照 2019-07-09 18.12.58.png

    选择第一个blank,是创建一个空项目,选tabs是创建一个自带TabBar的项目,选择一个点击enter


    屏幕快照 2019-07-09 18.20.41.png
    光标放到划线处输入项目名称(可能看不到光标,点击直接输入就好)点击enter
    屏幕快照 2019-07-09 18.24.17.png

    点击enter键开始创建项目。
    (如果网不好很慢,不要着急,我等了估计1个小时。。。)

    4.cd到AgoodProject下启动项目
    屏幕快照 2019-07-09 19.01.04.png
    cd AgoodProject
    npm start
    屏幕快照 2019-07-09 19.02.34.png
    屏幕快照 2019-07-09 19.06.16.png
    这里可以看到项目在设备上的运行状态。

    二.Building Project with Native Code形式

    如果项目里要用到native代码,或者在原生的项目里来集成RN 需要用第二种方式

    相关文章

      网友评论

          本文标题:1.ReactNative之iOS开发环境+Expo19-07-

          本文链接:https://www.haomeiwen.com/subject/hulfkctx.html