react-native 初体验 - 运用 javascript 来写 iOS app

2019年8月30日 297次阅读 来源: 王铁手

客岁年终写了一个 chrome 扩大「十阅」后，一向想写个十阅 app 出来，怎样懒癌后期，一向拖到近来才完成原型。

实在很早之前就已写过一个 hybrid app 了，运用了 Ionic 框架，这是一款运用前端 web 手艺来构建 app 的框架。运用了盛行的 Angular，运用 Cordova 来运用 native 的功用，最赞的是它有一套幽美的设想模板，类似于 bootstrap，经由过程它你能够轻松完成文雅美丽的设想。

假如你熟习 Angular 和 Cordova，基础上异常轻易上手。我花了 3 天完成了 app（1天处理 HTML DOM 剖析题目，1天处理挪用体系浏览器翻开链接题目）。

此次心血来潮（闲的蛋疼），想起客岁年终就有所耳闻的 react-native，于是就盘算用它来耍耍。

预备开辟环境

  1. OS X，开辟 iOS 必需运用 OS X 体系

  2. 装好最新版本的 Node.js

  3. 装置 watchman （引荐运用 Homebrew 来装置watchman）

  4. 装置 Xcode 最新版

疾速最先

$ npm install -g react-native-cli
$ react-native init AwesomeProject

运转iOS运用

  • $ cd AwesomeProject

  • $ react-native run-ios 或许 用XCode翻开ios/AwesomeProject.xcodeproj并点击Run按钮。

  • 运用你喜好的文本编辑器翻开 index.ios.js 并随意改上几行。

  • 在iOS Emulator中按下⌘-R就能够革新APP并看到你的最新修正！

基础上到这一步，你都能够看到你的第一个 react-native 运用运转起来了。

《react-native 初体验 - 运用 javascript 来写 iOS app》

火线高能

开辟流程我就不赘述了，有细致的文档能够看，然则有几个开辟过程当中的搅扰我照样要说一下。

Navigator，这个东西对新手来讲轻微有点庞杂，文档也看不大明白，我是看了新手明白Navigator的教程

jsdom-jscore，这个是用来剖析 DOM 的，然则作者彷佛不保护了，就烂尾了，还好有个哥们 fork 了一份并做了一些修复，在他的基础上，我终究装好了这个插件。

运用链接库

在装备上运转

用 Chrome 来断点调试 地点 http://localhost:8081/debugger-ui

进修资本

51 ReactNative Examples

https://facebook.github.io/react-native/

https://github.com/soliury/noder-react-native

图图图

《react-native 初体验 - 运用 javascript 来写 iOS app》

    原文作者：王铁手
    原文地址: https://segmentfault.com/a/1190000005170648
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞