React-Native学习笔记
资源:
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学习笔记相关推荐
- React Native学习笔记一之搭建开发环境
因为项目需要,今天开始正式学习React Native,先来搭建个开发环境 忐忑的心情 因为项目比较急,而且客户要求使用React Native开发,只能先学点基础然后在项目中使用的时候,边做边学了, ...
- react native学习笔记29——动画篇 Animated高级动画
1.前言 上一节我们学习了全局的布局动画api--LayoutAnimation,体验到其流畅柔和的动画效果,但有时我们需要实现一些更精细化的动画,或者完成一些组合动画,这时我们可以使用React N ...
- react native 学习笔记
编译第一坑 Error type 3. Activity class {com.awesome_project/ com.awesome_project.MainActivity} does not ...
- react native学习笔记13——FlatList上拉加载
我们可以利用官方组件RefreshControl实现下拉刷新功能,但React Native官方没有提供相应的上拉加载的组件,因此在RN中实现上拉加载比下拉刷新要复杂一点. 虽然没有直接提供上拉加载的 ...
- React Native学习笔记-1:JSC profiler is not supported.(转载)
运行react-native中Example下的UIEXPLORER Project 遇到虾面报错: 2016-03-21 14:12:18.941 [trace][tid:com.facebook. ...
- React Native 学习笔记六(关于宽高的设置)
继续在之前的例子上进行添加 尺寸 1.使用固定的尺寸 设置View容器 和设置自定义的组组件 如果父组件的空间不足 自控件的会出现重叠的情况 示例: import {AppRegistry,S ...
- React Native 学习资源精选仓库
<React Native Awesome>这里fork过来的,汇集了各类react-native学习资料.工具.组件.开源App.资源下载.以及相关新闻等,只求精不求全.因后面无法 Pu ...
- React Native 学习资源精选仓库(汇聚知识,分享精华)
React Native 学习资源精选仓库(汇聚知识,分享精华) <React Native Awesome>这里fork过来的,汇集了各类react-native学习资料.工具.组件.开 ...
- React系统学习笔记
***当前阶段的笔记 *** 「面向实习生阶段」https://www.aliyundrive.com/s/VTME123M4T9 提取码: 8s6v 点击链接保存,或者复制本段内容,打开「阿里云盘」 ...
- React Native学习提纲
React Native学习提纲 当前版本最后修订日期: 2015年10月21日 一. React.js入门基础 1.基础HTML/CSS与基础开发工具使用 - html基础 doctype.常用标签 ...
最新文章
- myeclipse java可视化_使用MyEclipse可视化开发Hibernate实例
- 谷歌最强 NLP 模型 BERT 解读
- ESP8266编译脚本之三
- 二叉树的深搜(DFS)与广搜(BFS)
- [译] 理解编译器 —— 从人类的角度(版本 2)
- 【WebPack】引入Vue;认识Plugin;使用uglifyjs丑化JS代码;搭建本地服务器;生产开发环境配置文件的抽离
- RabbitMQ学习及实践3--SpringMVC实现
- C# Winform 窗体美化(四、镂空窗体)
- 使用C# impersonation进行windows帐号的校验
- linux mutt 使用指南,linux mutt详解
- docker+阿里云镜像容器进行环境的备份与获取
- postman|接口测试 | pre-request script 场景应用
- 高中计算机会考在线模拟考试,高中信息技术会考练习试题及答案
- 中频逆变IGBT控制板 感应加热电源 中高频电阻焊电源逆变技术
- 宽度学习系统(BLS)的原理、变体形式及当前应用(随时更新......)
- 消防信号总线原理_消防报警联动系统中,什么叫回路总线什么叫RS-485总线?
- 从键盘输入一个英文字母,如果它是大写英文字母,则将其转换为小写英文字母,如果它是小写英文字母,则将其转换为大写英文字母,然后将它及其ASCII码值显示到屏幕上,如果不是英文字母,则不转换直接输出到屏幕
- 变电所无人值守系统的优点
- iOS 渐变色 以及 镂空效果的实现(Mask的妙用)以及镂空文字的实现
- 【一起学Rust】Rust的Hello Rust详细解析
热门文章
- 单片机产生可调方波(c语言),单片机产生占空比可调方波(PWM)
- win7系统怎样打开音频服务器,win7系统打开音频管理器的具体教程
- oracle中正则表达式规则,Oracle中的正则表达式(及函数)详解
- Crfe php,新版中国菜刀(20141213)一句话不支持php assert分析
- vst3插件_2B Played Music发布用于劲爆舞曲风格的极端失真和剪辑插件2B Clipped XT
- php链接中二维数组传参数,JS用POST怎么传送二维数组给PHP
- (7) ebj学习: jpa 一对一,一对多,多对多
- C#项目评审提问问题集锦
- Struts 2配置详解
- Linux的system和popen的差异