1.根据社区教程配置好:
https://reactnative.cn/docs/0.51/getting-started.html#content
(如果中途出现一些权限问题可以sudo再执行命令)
2.Build IOS & Android app:
根据中文社区的指引,可以顺利搭建完MAC的开发环境。需要安装homebrew。
通过控制台init成项目后,项目目录下就自动生成两个app的项目文件(Android & ios)
Android项目需要根据指引,配置一系列系统环境变量。配置完成后,先打开模拟器,再在控制台run项目,可以成功运行。
ios比android简单,直接run项目即可,自动调起模拟器。
如果需要原生和RN混编,只需要在相应IDE内打开项目即可。
3.项目结构:
package.json是依赖包管理文件,类似gradle;
node_modules是react native核心libs;
index.js是项目入口,可以修改
import App from './App';来控制入口页面;
4使用gitup作为mac上的git管理工具:
现象:不知道什么原因,clone下来后出现更改了js文件但是页面怎么刷新都没有显示,重新启动node server会报没有jsbundle的错误.后来先commit一次修改了的文件,之后又可以实时刷新了.
后来发现,如果使用react-native run-ios来运行,会出现文件没完全解释完就执行的情况,会出现上面的现象.如果通过xcode来启动就没有这种问题.
或者先npm start启动node server然后在运行react-native run-ios
5.路径:
若在index.js里面入口在第二级目录require('./js/StackController')
则在StackController页面里面,import同级页面只需要import HomeScreen from './HomeScreen';
如果想要上一级页面则需要import {name as appName} from '../app.json', 两个点
相关推荐
React Native By Example by Richard Kho English | 24 Apr. 2017 | ASIN: B01M31KB4Q | 414 Pages | AZW3 | 4.46 MB Key Features Work on native APIs and UI Elements using React Native Get the best of both...
mac端可视化调试react或者reactnative工具,可以调试redux应用状态
第2课2、手把手教React Native实战之从React到RN 第3课3、手把手教React Native实战之flexbox布局(RN基础) 第4讲4、手把手教React Native实战之flexbox布局(伸缩属性) 第5讲5、手把手教React Native实战之盒子模型...
本书通过丰富的示例和详细的讲解, 介绍了 React Native 这款 JavaScript 框架。 在 React Native 中利用现有的 JavaScript 和 React 知识,就可以开发和部署功能完备的、真正原生的移动应 用,并同时支持 iOS 与 ...
为 React Native 带来 NFC 功能。灵感来自phonegap-nfc和react-native-ble-manager 该库最简单(也是最常见)的用例是读取NFC包含 的标签NDEF,可以通过以下代码实现: import React from 'react'; import {View, ...
项目地址:https://github.com/race604/react-native-viewpager 效果图:使用说明: 运行 npm 安装 react-native-viewpager --save代码如下:var ViewPager = require('react-native-viewpager'); ...
其中包含的react native安装的详细过程,适用于新手的初学者。
react native 实现水波纹效果,效果非常棒哦
react native 显示本地图片
React Native Cookbook English | 5 Jan. 2017 | ISBN: 1786462559 | 437 Pages | AZW3/MOBI/EPUB/PDF (conv) | 54.26 MB Key Features Build rich and engaging user experiences in React Native while ...
PART 1 Getting started with React Native Chapter 1. Getting Started With React Native Chapter 2. Understanding React Chapter 3. Building Your First React Native App PART 2 Developing applications in ...
30天学习React Native教程
Use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps Build React and React Native applications using familiar component concepts Dive ...
将React Native开发需要的几个软件打包,包含note,python,genymotion和Git
react-native bundle --entry-file index.js //entry-file,ios或者android入口的js名称,比如index.js --platform ios //platform ,平台名称(ios或者android) --dev false //设置为false时会对JavaScript代码进行...
React Native地图。
React Native 瀑布流列表,用于展示瀑布流形式的内容,定制简单。
云生活超市——React Native项目,React Native电商app,(项目配套:1、后台管理系统(React ant-design) 2、服务器端代码(SpringBoot)。技术栈: react native redux react-navigation native-base
react-native-page一个简单的react-native分页组件