React-Native 的HelloWorld (ios)

按照傳統(tǒng),搭建完環(huán)境之后就可以寫第一個demo了胁编,俗稱helloWorld。
一、環(huán)境搭建的地址:
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命令默認會創(chuàng)建最新的版本页滚,而目前最新的0.45及以上版本需要下載boost庫編譯召边。此庫體積龐大,在國內(nèi)即便翻墻也很難下載成功裹驰,導致很多人無法正常運行iOS項目隧熙,中文網(wǎng)在論壇中提供了這些庫的國內(nèi)下載鏈接。如果你嫌麻煩邦马,又沒有對新版本的需求贱鼻,那么可以暫時創(chuàng)建0.44.3的版本。

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

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

image.png

但是随闽,使用RN調(diào)試的時候需要搖動手機父丰,這個時候使用模擬器不是很方便,用真機比較好。如何在真機上運行呢蛾扇?
真機運行鏈接:
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就算完成啦。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末麻敌,一起剝皮案震驚了整個濱河市栅炒,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌术羔,老刑警劉巖赢赊,帶你破解...
    沈念sama閱讀 212,816評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異聂示,居然都是意外死亡域携,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評論 3 385
  • 文/潘曉璐 我一進店門鱼喉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人趋观,你說我怎么就攤上這事扛禽。” “怎么了皱坛?”我有些...
    開封第一講書人閱讀 158,300評論 0 348
  • 文/不壞的土叔 我叫張陵编曼,是天一觀的道長。 經(jīng)常有香客問我剩辟,道長掐场,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,780評論 1 285
  • 正文 為了忘掉前任贩猎,我火速辦了婚禮熊户,結果婚禮上,老公的妹妹穿的比我還像新娘吭服。我一直安慰自己嚷堡,他們只是感情好,可當我...
    茶點故事閱讀 65,890評論 6 385
  • 文/花漫 我一把揭開白布艇棕。 她就那樣靜靜地躺著蝌戒,像睡著了一般串塑。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上北苟,一...
    開封第一講書人閱讀 50,084評論 1 291
  • 那天桩匪,我揣著相機與錄音,去河邊找鬼友鼻。 笑死吸祟,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的桃移。 我是一名探鬼主播屋匕,決...
    沈念sama閱讀 39,151評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼借杰!你這毒婦竟也來了过吻?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,912評論 0 268
  • 序言:老撾萬榮一對情侶失蹤蔗衡,失蹤者是張志新(化名)和其女友劉穎纤虽,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體绞惦,經(jīng)...
    沈念sama閱讀 44,355評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡逼纸,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,666評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了济蝉。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片杰刽。...
    茶點故事閱讀 38,809評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖王滤,靈堂內(nèi)的尸體忽然破棺而出贺嫂,到底是詐尸還是另有隱情,我是刑警寧澤雁乡,帶...
    沈念sama閱讀 34,504評論 4 334
  • 正文 年R本政府宣布第喳,位于F島的核電站,受9級特大地震影響踱稍,放射性物質(zhì)發(fā)生泄漏曲饱。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,150評論 3 317
  • 文/蒙蒙 一珠月、第九天 我趴在偏房一處隱蔽的房頂上張望扩淀。 院中可真熱鬧,春花似錦桥温、人聲如沸引矩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽旺韭。三九已至氛谜,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間区端,已是汗流浹背值漫。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留织盼,地道東北人杨何。 一個月前我還...
    沈念sama閱讀 46,628評論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像沥邻,于是被迫代替她去往敵國和親危虱。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,724評論 2 351

推薦閱讀更多精彩內(nèi)容

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