资源:

1. Redux 中文文档

  Redux 中文文档

2. Atom文本编辑工具

Atom文本编辑工具

3. React-native 官方文档

React-native 官方文档

问题:

1. npm并不是每一个version都可以安装react-native, 之前安装的时候发现最新版并不能安装,后来使用另一个工具(待回忆)安装了npm的5.9.x的某个版本之后才可以安装。目前我使用的6.2.2也是可以的。

2. mac上会出现react-native指令不识别问题。

 react-native: command not found:

 首先用npm install -g react-native-cli得到react-native的安装路径,如下

Enter: npm install -g react-native-cli
output: /usr/local/Cellar/node/6.1.0/libexec/npm/bin/react-native ->/usr/local/Cellar/node/6.1.0/libexec/npm/lib/node_modules/react-native-cli/index.js/usr/local/Cellar/node/6.1.0/libexec/npm/lib
└── react-native-cli@0.2.0 

再在bash里面输入:export PATH="/usr/local/Cellar/node/6.1.0/libexec/npm/bin:$PATH"
  就可以正常使用react-native的命令了。
  至于其他大神说的.bashrc .bashprofile等等,我也是刚开始用imac,没找到也没搞清楚到底怎么弄。

 参考:http://stackoverflow.com/questions/33282545/bash-react-native-command-not-found 

学习笔记:

和已有app的集成:

主要参考Integration With Existing Apps:http://facebook.github.io/react-native/releases/next/docs/integration-with-existing-apps.html

也有一些这里面没提及到的问题需要处理

1. npm相关命令是在项目根目录的上一级目录执行,而不是在根目录中执行。

2. "start": "node node_modules/react-native/local-cli/cli.js start" 注意跟前面其他内容加一个,号

3.  For debug, 在Manifest里加入<activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />

4.  在Application中实现ReactApplication

public class MainApplication extends Application implements ReactApplication {

  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {    @Override    protected boolean getUseDeveloperSupport() {      return BuildConfig.DEBUG;    }

    @Override    protected List<ReactPackage> getPackages() {      return Arrays.<ReactPackage>asList(          new MainReactPackage()      );    }  };

  @Override  public ReactNativeHost getReactNativeHost() {      return mReactNativeHost;  }}

5. 在继承的ReactActivity中需要指定MainComponentName:

/** * Returns the name of the main component registered from JavaScript. * This is used to schedule rendering of the component. */@Overrideprotected String getMainComponentName() {    return "HybirdTest";}

转载于:https://www.cnblogs.com/infinitechance/p/5888039.html

React-Native学习笔记相关推荐

  1. React Native学习笔记一之搭建开发环境

    因为项目需要,今天开始正式学习React Native,先来搭建个开发环境 忐忑的心情 因为项目比较急,而且客户要求使用React Native开发,只能先学点基础然后在项目中使用的时候,边做边学了, ...

  2. react native学习笔记29——动画篇 Animated高级动画

    1.前言 上一节我们学习了全局的布局动画api--LayoutAnimation,体验到其流畅柔和的动画效果,但有时我们需要实现一些更精细化的动画,或者完成一些组合动画,这时我们可以使用React N ...

  3. react native 学习笔记

    编译第一坑 Error type 3. Activity class {com.awesome_project/ com.awesome_project.MainActivity} does not ...

  4. react native学习笔记13——FlatList上拉加载

    我们可以利用官方组件RefreshControl实现下拉刷新功能,但React Native官方没有提供相应的上拉加载的组件,因此在RN中实现上拉加载比下拉刷新要复杂一点. 虽然没有直接提供上拉加载的 ...

  5. React Native学习笔记-1:JSC profiler is not supported.(转载)

    运行react-native中Example下的UIEXPLORER Project 遇到虾面报错: 2016-03-21 14:12:18.941 [trace][tid:com.facebook. ...

  6. React Native 学习笔记六(关于宽高的设置)

    继续在之前的例子上进行添加 尺寸 1.使用固定的尺寸  设置View容器  和设置自定义的组组件  如果父组件的空间不足  自控件的会出现重叠的情况 示例: import {AppRegistry,S ...

  7. React Native 学习资源精选仓库

    <React Native Awesome>这里fork过来的,汇集了各类react-native学习资料.工具.组件.开源App.资源下载.以及相关新闻等,只求精不求全.因后面无法 Pu ...

  8. React Native 学习资源精选仓库(汇聚知识,分享精华)

    React Native 学习资源精选仓库(汇聚知识,分享精华) <React Native Awesome>这里fork过来的,汇集了各类react-native学习资料.工具.组件.开 ...

  9. React系统学习笔记

    ***当前阶段的笔记 *** 「面向实习生阶段」https://www.aliyundrive.com/s/VTME123M4T9 提取码: 8s6v 点击链接保存,或者复制本段内容,打开「阿里云盘」 ...

  10. React Native学习提纲

    React Native学习提纲 当前版本最后修订日期: 2015年10月21日 一. React.js入门基础 1.基础HTML/CSS与基础开发工具使用 - html基础 doctype.常用标签 ...

最新文章

  1. myeclipse java可视化_使用MyEclipse可视化开发Hibernate实例
  2. 谷歌最强 NLP 模型 BERT 解读
  3. ESP8266编译脚本之三
  4. 二叉树的深搜(DFS)与广搜(BFS)
  5. [译] 理解编译器 —— 从人类的角度(版本 2)
  6. 【WebPack】引入Vue;认识Plugin;使用uglifyjs丑化JS代码;搭建本地服务器;生产开发环境配置文件的抽离
  7. RabbitMQ学习及实践3--SpringMVC实现
  8. C# Winform 窗体美化(四、镂空窗体)
  9. 使用C# impersonation进行windows帐号的校验
  10. linux mutt 使用指南,linux mutt详解
  11. docker+阿里云镜像容器进行环境的备份与获取
  12. postman|接口测试 | pre-request script 场景应用
  13. 高中计算机会考在线模拟考试,高中信息技术会考练习试题及答案
  14. 中频逆变IGBT控制板 感应加热电源 中高频电阻焊电源逆变技术
  15. 宽度学习系统(BLS)的原理、变体形式及当前应用(随时更新......)
  16. 消防信号总线原理_消防报警联动系统中,什么叫回路总线什么叫RS-485总线?
  17. 从键盘输入一个英文字母,如果它是大写英文字母,则将其转换为小写英文字母,如果它是小写英文字母,则将其转换为大写英文字母,然后将它及其ASCII码值显示到屏幕上,如果不是英文字母,则不转换直接输出到屏幕
  18. 变电所无人值守系统的优点
  19. iOS 渐变色 以及 镂空效果的实现(Mask的妙用)以及镂空文字的实现
  20. 【一起学Rust】Rust的Hello Rust详细解析

热门文章

  1. 单片机产生可调方波(c语言),单片机产生占空比可调方波(PWM)
  2. win7系统怎样打开音频服务器,win7系统打开音频管理器的具体教程
  3. oracle中正则表达式规则,Oracle中的正则表达式(及函数)详解
  4. Crfe php,新版中国菜刀(20141213)一句话不支持php assert分析
  5. vst3插件_2B Played Music发布用于劲爆舞曲风格的极端失真和剪辑插件2B Clipped XT
  6. php链接中二维数组传参数,JS用POST怎么传送二维数组给PHP
  7. (7) ebj学习: jpa 一对一,一对多,多对多
  8. C#项目评审提问问题集锦
  9. Struts 2配置详解
  10. Linux的system和popen的差异