zoukankan      html  css  js  c++  java
  • React Native学习(二)—— 开始一个项目

    本文基于React Native 0.52

    一、创建一个项目

    1、初始化一个RN项目

    react-native init RNDemo

    2、连接一个设备或是打开模拟器

    可以通过 adb devices 查看连接的设备,如下图:

    3、进入RNDemo目录下,运行项目

    cd RNDemo
    react-native run-android

    运行成功如下图:

    二、项目目录

    • app文件夹 —— 自己创建的,自己写的页面都放在这里面
    • App.js —— 整个应用的根容器
    • index.js —— 在这里面将App这个组件注册为了根容器

    三、调试

    手机摇一摇,会出现如下选项 (Developer Menu):

    • Reload —— 重新加载
    • Debug JS Remotely —— 启动JS远程调试,浏览器会自动打开一个页面,可以在这里进行一些调试,如下图

    • Enable Hot Reloading —— 打开这个,每次保存都会加载

    END-------------------------------------------------------------------

    下篇写一下怎么用导航器navigation跳转页面 (#^.^#)

     

  • 相关阅读:
    近期遇到的问题 与 总结
    最近使用的控件整理
    sass import 小记
    Visual studio 相关插件
    nodeJs中linq.js学习
    C++ Socket编程步骤
    Qt 多线程同步 与 通信
    信号槽 与事件区别
    Qt 关键宏 转自网络整理
    mongoDB windows安装
  • 原文地址:https://www.cnblogs.com/MaiJiangDou/p/8304047.html
Copyright © 2011-2022 走看看