ReactNative菜鳥備忘錄 個人備忘

2021-07-26 06:48:42 字數 781 閱讀 4981

環境搭建

入門q&a

q:建立新專案,react-native init awesomeproject命令長時間無響應,或報錯shasum check failed

a:由於眾所周知的網路原因,react-native命令列從npm官方源拖**時會遇上麻煩。請將npm倉庫源替換為國內映象:

npm config set registry  --global

npm config set disturl --global

另,執行init時切記不要在前面加上sudo(否則新專案的目錄所有者會變為root而不是當前使用者,導致一系列許可權問題,請使用chown修復)。
安裝與執行:

react-native init myproject

cd myproject

react-native run-ios

在裝置上執行

view是react native應用中最基礎的「容器」。view是對不同目標平台基礎檢視控制項的抽象封裝,比如它對應ios上的uiview 。

view好比div標籤,基礎元件包裝在view中能夠更好地控制樣式布局等。

text展示文字,image展示。

hello!

textinput,listview

此處暫時省略500字

使用flexbox布局

嗯 目前跟著論壇技術部落格 搞出了這個樣子

react native上手體驗

目前放出來的是ios版本,後續還會放出android版本,在加上之前的reactjs,那乙份 搞定三個平台並非不可能,於是我也下了個react native來體驗一把。react native目前只放出了ios版本,那為了體驗,你必須有os x系統,並且安裝了xcode.另外官方推薦使用homebr...

react native學習資源

這是我覺得比較有用的學習資源 要多練習多理解 一 1.react native 官方api文件 2.react native中文文件 3.react native通訊機制詳解 4.react native布局篇 5.react native基礎指南 一 6.react native基礎指南 二 7....

React Native學習 起步

時間 2015 04 11 10 32 49 w3ctech 原文 主題react 本指南匯集react native各類學習資源,給大家提供便利。指南正在不斷的更新,大家有好的資源歡迎pull requests!同時還有awesome react native系列 研究原始碼也是乙個很好的學習方式...