資訊專欄INFORMATION COLUMN
摘要：文檔地址官網(wǎng)文檔兩種創(chuàng)建的方法環(huán)境配置比較第一種方法要求的開發(fā)環(huán)境比較繁雜，需要等等。第二種可以擺脫和，只要在手機上安裝就可以開發(fā)當(dāng)然你也可以在和查看項目效果打包比較第一種打包需要依懶和配置繁瑣。
create-react-native-app 文檔地址
react-native
expo 官網(wǎng)
expo 文檔
兩種創(chuàng)建react-natvie-app的方法react-native init projectName
create-react-native-app project app
環(huán)境配置比較：第一種方法要求的開發(fā)環(huán)境比較繁雜，需要 node / watchman / jdk / android sdk,android studio / xcode 等等。第二種可以擺脫android studio 和 xcode ，只要在手機上安裝expo client就可以開發(fā), 當(dāng)然你也可以在android studio 和 xcode 查看項目效果
打包比較:第一種打包需要依懶android studio 和 xcode , 配置繁瑣。 第二種只需要 配置 app.json 然后運行 exp build:android 或 exp build:ios 就可以打包了
how to use create-react-native-appnpm install -g create-react-native-app create-react-native-app appName cd appName npm start
在移動設(shè)備上查看你的項目，需要移動設(shè)備和電腦在同一網(wǎng)段內(nèi)
運行npm start 后會出現(xiàn)
a 在安卓模擬設(shè)備打開項目（此處需要自己手動打開安卓模擬器，然后項目才會運行在模擬器上 ，此情況出現(xiàn)在mac設(shè)備上）
i 在ios模擬設(shè)備上打開項目（在mac上加入安卓有xode 此命令可直接啟動ios模擬器）
s 要求輸入郵箱或者手機號 會收到含有url的郵件或者短信 ，通過url 可以打開 expo client 查看你的項目 ，建議輸入手機號 格式 +8613888888888 ，此方式用于ios設(shè)備
q 顯示二維碼 android 可以通過expo client掃描二維碼 查看你的項目
r 重新打包 R 重新打包并清除緩存
d 切換開發(fā)模式
項目結(jié)構(gòu)client 是后來加的,放js文件的地方
這里沒有android 和 ios 文件夾 ，有別于上文提到的第一種創(chuàng)建項目的方法
打apk包npm install -g exp
exp login （此處需要在expo官網(wǎng)注冊賬號，然后登錄）
配置app.json
{
"expo": {
"name": "Your App Name",
"icon": "./path/to/your/app-icon.png",
"version": "1.0.0",
"slug": "your-app-slug",
"sdkVersion": "XX.0.0",
"ios": {
"bundleIdentifier": "com.yourcompany.yourappname"
},
"android": {
"package": "com.yourcompany.yourappname"
}
}
}
exp build:android
打包完成后 登錄expo官網(wǎng) 點擊頭像-點擊View IPA/APK builds 就可以看到 點擊下載就可以了
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/96326.html
摘要：初次搭建總會碰上各種報錯以及紅黃屏報錯如果尚未搭建環(huán)境，請轉(zhuǎn)至官網(wǎng)搭建紅屏是程序無法正常運行，黃屏是程序可以運行但是可能存在一些潛在問題首次使用命令行工具來創(chuàng)建一個名為的新項目后運行后會報錯，如圖解決方法到你的已有項目中復(fù)制一份文件到 初次搭建ReactNative總會碰上各種報錯以及紅黃屏報錯如果尚未搭建環(huán)境，請轉(zhuǎn)至官網(wǎng)搭建https://reactnative.cn/docs/g....
摘要：從到完美，用和寫一個在年開源了后，緊接著在年就又開源了，就此打開了用和前端技術(shù)寫原生之路。對應(yīng)來看，程序只有兩個部分，和，而部分則分為組件和。所以，在端的純庫無在中同樣適用，如等。應(yīng)用實例便是使用開發(fā)的一個日記。 從 1 到完美，用 js 和 react-native 寫一個 APP facebook 在 2013 年開源了 react 后，緊接著在 2015 年就又開源了 react...
摘要：原文地址創(chuàng)建項目方法一首先全局安裝使用命令行工具來創(chuàng)建一個名為的新項目提示你可以使用參數(shù)注意是兩個杠創(chuàng)建指定版本的項目。 1、利用dva-cli創(chuàng)建react項目 1，首先全局安裝dva-cli，大家可以自行選擇項目目錄。 $ npm install -g dva-cli 2，接著使用dva-cli創(chuàng)建我們的項目文件夾 $ dva new myapp 3，進入myapp目錄，安裝依...
摘要：一個簡單的，用于介紹相關(guān)基礎(chǔ)信息，主要是針對有興趣的同學(xué)參考以下內(nèi)容及代碼在測試有效。本文不介紹安裝模擬器的開發(fā)方式，需要的請自行。路由組件使用組件使用入口首頁使用側(cè)滑路由組件，默認顯示路由為對象的第一個屬性值。 [toc] 一個簡單的demo，用于介紹react-native相關(guān)基礎(chǔ)信息，主要是針對有興趣的同學(xué)參考；以下內(nèi)容及代碼在2018-08測試有效。完整項目代碼：https:/...
閱讀 1530·2021-09-10 11:27
閱讀 2558·2019-08-30 15:53
閱讀 1439·2019-08-30 13:10
閱讀 3046·2019-08-30 11:09
閱讀 1198·2019-08-29 17:23
閱讀 727·2019-08-29 17:05
閱讀 3006·2019-08-29 15:10
閱讀 2409·2019-08-29 13:22
