react-native使用配置参考

网友投稿 658 2022-05-29

由于办公环境一直在云端虚拟机,然后又限制usb端口,所以Android相关的东西我一向不太想碰,毕竟云端启动个安卓模拟器都至少得一刻钟,实在是难以忍受。直到上个月听闻了一个环境工具,提供了一个云端通过网络连接Android真机或者模拟机的环境,用了用发现真不错,于是趁着最近这段时间项目也不忙,鼓捣鼓捣Android。

前面有篇文章我记录了一些ad的消息机制的一些文章,和win32消息机制有些像,看着还挺眼花缭乱的,如果不想了解太多的安卓架构,又要写个apk,那么React-Native应该是个不错的选择。

参考这篇 https://react-mongolia.github.io/react-native/docs/getting-started文章

jdk和Android sdk相关的环境这里就不讲了;

如果以前没安装过react-native-cli则

npm install -g react-native-cli

创建一个新的应用程序

react-native init AwesomeProject

启动React Native应用程序

cd AwesomeProject react-native run-android

如果提示找不到ANDROID SDK则

配置ANDROID_HOME或者在xxx\AwesomeProject\android\local.properties中添加,假设你的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

react-native使用配置参考

如果需要设置gradle代理则修改gradle.properties

systemProp.http.proxyPort=端口 systemProp.http.proxyUser=账户名 systemProp.http.proxyPassword=代理密码 systemProp.https.proxyPassword=代理密码 systemProp.https.proxyHost=代理网址 systemProp.http.nonProxyHosts=127.0.0.*|localhost|*.其他不需要走代理的网站.com systemProp.http.proxyHost=代理网址 systemProp.https.proxyPort=端口 systemProp.https.nonProxyHosts=127.0.0.*|localhost|*.其他不需要走代理的网站.com systemProp.https.proxyUser=账户名 com.android.build.gradle.overridePathCheck=true

如果不希望gradle缓存地址在c盘则环境变量中添加GRADLE_USER_HOME配置

gradle文件的镜像地址

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

如果希望react-native启动的时候使用自定义的adb则,可以创建软链接

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

react-native 环境下的jni开发

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 下载次数:1次

附件: React Native with JNI & C (2020-12-02 下午8_09_36).html.txt 1.35MB 下载次数:1次

附件: How to React with Webpack 5 - Setup Tutorial - RWieruch (2020-12-02 下午10_26_26).html.txt 186.21KB 下载次数:1次

Java 软件开发

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:鲲鹏微认证的 一些知识点
下一篇:华为物联网行业应用于解决方案之车联网&工业物联网解决方案介绍 车联网解决方案 (IoV & DRIS)
相关文章