React Native 是Facebook推出了基于 JavaScript 的开源框架。
React Native 结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件,代替 DOM 元素来渲染等。
React Native 使你能够使用基于 JavaScript 和React一致的开发体验在本地平台上构建世界一流的应用程序体验。React Native 把重点放在所有开发人员关心的平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。Facebook 在多个应用程序产品中使用了 React Native,并将继续为 React Native 投资。
之前学习和使用过Facebook的另外一个开源框架three20,虽然Facebook已经不在维护和更新了。但是我开发的一些项目中还顽强的存活着,依然有着很高的适应性。基于此,决定学习和使用一下React Native。
环境安装
1.OS X - 当前仅支持 OS X
2.推荐使用 Homebrew 的方式来安装 nvm,watchman 和 flow。
3.安装 Node.js 4.0 或者更新的版本。
使用 Homebrew 来安装 nvm 或者参考 它的安装指南。接着运行 nvm install node && nvm alias default node, 它可以 让您安装最新版本的 Node.js 并设置您的终端,所以你可以通过键入 node 来运行它。使用 Nvm 可以让您安装多个版本的 Node.js 并且在它们之间轻松切换。
npm 的更新之处。
4.brew 安装 watchman。我们推荐您安装 watchman, 否则您可能在点击一个节点文件的时候出现错误。
5.brew 安装 flow。如果您想使用 flow.
环境安装,参考之前的文章应该可以找到。
新建项目
$ npm install -g react-native-cli $ react-native init AwesomeProject
运行iOS项目
react-native run-iso
或者用XCode打开ios/AwesomeProject.xcodeproj并点击Run按钮。
运行Android项目
react-native run-android
注意:
react-native命令行从npm官方源拖代码时会遇上麻烦。可以将npm仓库源替换为国内镜像:
npm config set registry https://registry.npm.taobao.org npm config set disturl https://npm.taobao.org/dist
编辑index.ios.js来对应ios版本。
编辑index.android.js来对应android版本。
除特别注明外,本站所有文章均为[果博]原创 » 转载请注明出处来自https://aiguor.com/notes/45.html
果博