react-native使用配置参考

由于办公环境一直在云端虚拟机,然后又限制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

• 如果需要设置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