React-Native 的HelloWorld (ios)

按照傳統,搭建完環境之后就可以寫第一個demo了,俗稱helloWorld。
一、環境搭建的地址:
http://reactnative.cn/docs/0.47/getting-started.html#content
這個地址是官方的,真的很詳細,照著做就對了。
二、運行
打開終端,cd到你想要放置demo的位置,然后運行如下命令:

react-native init HelloWorld --version 0.44.3
cd HelloWorld
react-native run-ios

這里解釋下,為什么要加版本號。官方給出的說法是:

注意:init命令默認會創建最新的版本,而目前最新的0.45及以上版本需要下載boost庫編譯。此庫體積龐大,在國內即便翻墻也很難下載成功,導致很多人無法正常運行iOS項目,中文網在論壇中提供了這些庫的國內下載鏈接。如果你嫌麻煩,又沒有對新版本的需求,那么可以暫時創建0.44.3的版本。

提示:如果run-ios無法正常運行,請使用Xcode運行來查看具體錯誤(run-ios的報錯沒有任何具體信息)。

注意:這里是默認使用模擬器運行項目的,運行效果如下:

image.png

但是,使用RN調試的時候需要搖動手機,這個時候使用模擬器不是很方便,用真機比較好。如何在真機上運行呢?
真機運行鏈接:
http://reactnative.cn/docs/0.47/running-on-device-ios.html#content
真機運行成功之后,搖一搖手機,界面如下:

IMG_0394.PNG

這個時候,xcode不要停掉,不要停掉,打開項目中的index.ios.js這個文件,改改文字還是可以的。
這個文件隨便截兩張圖看看


image.png
image.png

我們雖然并不能完全看得懂每行代碼的意思,但是改改文字和樣式還是可以的啊。

image.png

顯示效果如下:

IMG_0393.PNG

改改樣式:

image.png

顯示如下:

IMG_0395.PNG

OK,我們的第一個簡易的holloworld就算完成啦。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,247評論 6 543
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,520評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 178,362評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,805評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,541評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,896評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,887評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,062評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,608評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,356評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,555評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,077評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,769評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,175評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,489評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,289評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,516評論 2 379

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,737評論 25 708
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,826評論 18 139
  • 1 記得是大二那個寒假的一個夜晚,我正...
    悅清風閱讀 558評論 0 1
  • 4月20到5月20,我是一個不折不扣的金牛座。個人對星座不全相信但也挺感興趣,金牛座的我符合大家所說的扣!倔強!強...
    lie_閱讀 305評論 0 0
  • 啟動mongodb 不啟動權限認證$ mongod --config /usr/local/etc/mongod....
    4164fccdcf1c閱讀 204評論 0 0