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跳转页面 (#^.^#)

     

  • 相关阅读:
    [CF1076D] Edge Deletion
    [CF1081D] Maximum Distance
    [CF1095F] Make It Connected
    [CF1328E] Tree Queries
    [CF1328F] Make k Equal
    Codeforces Round #629 (Div. 3) 总结
    [CF1131D] Gourmet choice
    [CF1176D] Recover it!
    [CF1205B] Shortest Cycle
    [CF1213G] Path Queries
  • 原文地址:https://www.cnblogs.com/MaiJiangDou/p/8304047.html
Copyright © 2011-2022 走看看