react-native使用配置參考

由于辦公環(huán)境一直在云端虛擬機(jī),然后又限制usb端口,所以Android相關(guān)的東西我一向不太想碰,畢竟云端啟動個(gè)安卓模擬器都至少得一刻鐘,實(shí)在是難以忍受。直到上個(gè)月聽聞了一個(gè)環(huán)境工具,提供了一個(gè)云端通過網(wǎng)絡(luò)連接Android真機(jī)或者模擬機(jī)的環(huán)境,用了用發(fā)現(xiàn)真不錯(cuò)，于是趁著最近這段時(shí)間項(xiàng)目也不忙，鼓搗鼓搗Android。

前面有篇文章我記錄了一些ad的消息機(jī)制的一些文章,和win32消息機(jī)制有些像,看著還挺眼花繚亂的,如果不想了解太多的安卓架構(gòu)，又要寫個(gè)apk，那么React-Native應(yīng)該是個(gè)不錯(cuò)的選擇。

參考這篇 https://React-mongolia.github.io/react-Native/docs/getting-started文章

jdk和Android sdk相關(guān)的環(huán)境這里就不講了;

如果以前沒安裝過react-native-cli則

npm install -g react-native-cli

創(chuàng)建一個(gè)新的應(yīng)用程序

react-native init AwesomeProject

啟動React Native應(yīng)用程序

cd AwesomeProject react-native run-android

如果提示找不到ANDROID SDK則

配置ANDROID_HOME或者在xxx\AwesomeProject\android\local.properties中添加,假設(shè)你的sdk路徑為C:/android-sdk_r24.4.1-windows

sdk.dir=C:/android-sdk_r24.4.1-windows ndk.dir=C:/android-sdk_r24.4.1-windows/ndk-bundle

如果需要設(shè)置gradle代理則修改gradle.properties

systemProp.http.proxyPort=端口 systemProp.http.proxyUser=賬戶名 systemProp.http.proxyPassword=代理密碼 systemProp.https.proxyPassword=代理密碼 systemProp.https.proxyHost=代理網(wǎng)址 systemProp.http.nonProxyHosts=127.0.0.*|localhost|*.其他不需要走代理的網(wǎng)站.com systemProp.http.proxyHost=代理網(wǎng)址 systemProp.https.proxyPort=端口 systemProp.https.nonProxyHosts=127.0.0.*|localhost|*.其他不需要走代理的網(wǎng)站.com systemProp.https.proxyUser=賬戶名 com.android.build.gradle.overridePathCheck=true

如果不希望gradle緩存地址在c盤則環(huán)境變量中添加GRADLE_USER_HOME配置

gradle文件的鏡像地址

http://mirrors.huaweicloud.com/repository/toolkit/gradle/

如果希望react-native啟動的時(shí)候使用自定義的adb則,可以創(chuàng)建軟鏈接

mklink "安卓sdk中的adb路徑\\platform-tools\\adb.exe" "你需要指定的adb路徑\\adb.exe"

react-native 環(huán)境下的jni開發(fā)

https://thebhwgroup.com/blog/react-native-jni https://stackoverflow.com/questions/36574454/create-react-native-native-module-in-c-or-c-using-android-ndk https://blog.csdn.net/pbz106/article/details/81202262 https://github.com/rdixonbhw/ReactNative-JNI-Blog https://elemefe.github.io/element-react/#/zh-CN/quick-start https://fakefish.github.io/react-webpack-cookbook/Configuring-react-js.html

react-native?flex布局參考

https://www.cnblogs.com/ludashi/p/9696158.html https://github.com/lizelu/ReactNativeTestDemo/tree/master/flex_demo https://github.com/crazycodeboy/RNStudyNotes/blob/master/React%20Native%E5%B8%83%E5%B1%80/React%20Native%E5%B8%83%E5%B1%80%E8%AF%A6%E7%BB%86%E6%8C%87%E5%8D%97/React%20Native%E5%B8%83%E5%B1%80%E8%AF%A6%E7%BB%86%E6%8C%87%E5%8D%97.md https://www.cnblogs.com/powertoolsteam/p/react-native-tutorials2.html https://cloud.tencent.com/developer/article/1117284

附件： A mostly complete guide to webpack 5 (2020) (2020-12-02 下午10_30_06).html.txt 1.53MB 下載次數(shù)：1次

附件： React Native with JNI & C (2020-12-02 下午8_09_36).html.txt 1.35MB 下載次數(shù)：1次

附件： How to React with Webpack 5 - Setup Tutorial - RWieruch (2020-12-02 下午10_26_26).html.txt 186.21KB 下載次數(shù)：1次

Java 軟件開發(fā)

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。