資訊專欄INFORMATION COLUMN
摘要：去年年初寫了一個(gè)擴(kuò)展十閱后，一直想寫個(gè)十閱出來，奈何懶癌后期，一直拖到最近才完成原型。這次心血來潮閑的蛋疼，想起去年年初就有所耳聞的，于是就打算用它來耍耍。使用鏈接庫在設(shè)備上運(yùn)行用來斷點(diǎn)調(diào)試地址學(xué)習(xí)資源圖圖圖
去年年初寫了一個(gè) chrome 擴(kuò)展「十閱」后，一直想寫個(gè)十閱 app 出來，奈何懶癌后期，一直拖到最近才完成原型。
其實(shí)很早之前就已經(jīng)寫過一個(gè) hybrid app 了，使用了 Ionic 框架，這是一款使用前端 web 技術(shù)來構(gòu)建 app 的框架。使用了流行的 Angular，使用 Cordova 來使用 native 的功能，最贊的是它有一套優(yōu)美的設(shè)計(jì)模板，類似于 bootstrap，通過它你可以輕松實(shí)現(xiàn)優(yōu)雅漂亮的設(shè)計(jì)。
如果你熟悉 Angular 和 Cordova，基本上非常容易上手。我花了 3 天完成了 app（1天解決 HTML DOM 解析問題，1天解決調(diào)用系統(tǒng)瀏覽器打開鏈接問題）。
這次心血來潮（閑的蛋疼），想起去年年初就有所耳聞的 react-native，于是就打算用它來耍耍。
準(zhǔn)備開發(fā)環(huán)境OS X，開發(fā) iOS 必須使用 OS X 系統(tǒng)
裝好最新版本的 Node.js
安裝 watchman （推薦使用 Homebrew 來安裝watchman）
安裝 Xcode 最新版
快速開始$ npm install -g react-native-cli $ react-native init AwesomeProject運(yùn)行iOS應(yīng)用
$ cd AwesomeProject
$ react-native run-ios 或者 用XCode打開ios/AwesomeProject.xcodeproj并點(diǎn)擊Run按鈕。
使用你喜歡的文本編輯器打開 index.ios.js 并隨便改上幾行。
在iOS Emulator中按下?-R就可以刷新APP并看到你的最新修改！
基本上到這一步，你都可以看到你的第一個(gè) react-native 應(yīng)用運(yùn)行起來了。
前方高能開發(fā)流程我就不贅述了，有詳細(xì)的文檔可以看，但是有幾個(gè)開發(fā)過程中的困擾我還是要說一下。
Navigator，這個(gè)東西對(duì)新手來說稍微有點(diǎn)復(fù)雜，文檔也看不大明白，我是看了新手理解Navigator的教程
jsdom-jscore，這個(gè)是用來解析 DOM 的，但是作者好像不維護(hù)了，就爛尾了，還好有個(gè)哥們 fork 了一份并做了一些修復(fù)，在他的基礎(chǔ)上，我終于裝好了這個(gè)插件。
使用鏈接庫
在設(shè)備上運(yùn)行
用 Chrome 來斷點(diǎn)調(diào)試 地址 http://localhost:8081/debugger-ui
學(xué)習(xí)資源51 ReactNative Examples
https://facebook.github.io/react-native/
https://github.com/soliury/noder-react-native
圖圖圖文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/79523.html
摘要：跟非常相似，但是在開始嘗試你第一個(gè)之前，也需要了解兩者之間的一些差異。推薦的方式是使用提供的。能用到組件中的或者上以啟用這個(gè)組件的觸摸事件。 華翔，Web前端開發(fā)工程師著作權(quán)歸作者所有，轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)。 showImg(https://segmentfault.com/img/bVUliz?w=640&h=235); React-Native已經(jīng)誕生有兩年左右了，自從適配了An...
摘要：導(dǎo)語公司最近業(yè)務(wù)不忙，利用閑暇時(shí)間準(zhǔn)備學(xué)習(xí)一下，看見網(wǎng)上前端大牛張旭鑫的文章一般般的網(wǎng)頁重構(gòu)可以使用做些什么，跟著寫了一下批量修改文件名的小工具，主要利用的中相關(guān)方法來實(shí)現(xiàn)記錄一下，以備后用。 導(dǎo)語：公司最近業(yè)務(wù)不忙，利用閑暇時(shí)間準(zhǔn)備學(xué)習(xí)一下Node.js，看見網(wǎng)上前端大牛張旭鑫的文章JS一般般的網(wǎng)頁重構(gòu)可以使用Node.js做些什么？，跟著寫了一下批量修改文件名的javascript...
摘要：從到完美，用和寫一個(gè)在年開源了后，緊接著在年就又開源了，就此打開了用和前端技術(shù)寫原生之路。對(duì)應(yīng)來看，程序只有兩個(gè)部分，和，而部分則分為組件和。所以，在端的純庫無在中同樣適用，如等。應(yīng)用實(shí)例便是使用開發(fā)的一個(gè)日記。 從 1 到完美，用 js 和 react-native 寫一個(gè) APP facebook 在 2013 年開源了 react 后，緊接著在 2015 年就又開源了 react...
閱讀 1834·2021-09-14 18:03
閱讀 2270·2019-08-30 15:48
閱讀 1127·2019-08-30 14:09
閱讀 511·2019-08-30 12:55
閱讀 2732·2019-08-29 11:29
閱讀 1490·2019-08-26 13:43
閱讀 2317·2019-08-26 13:30
閱讀 2373·2019-08-26 12:17
