搭建环境

1. 下载android studio https://developer.android.google.cn/studio/index.html

2. VSCode 搭建 React Native 环境

   https://www.cnblogs.com/hl1223/p/11049968.html
   https://blog.csdn.net/young_emily/article/details/79005728

3、连接夜神

adb connect 127.0.0.1:62001

4、查看abd状态

 adb devices

从设备连接开发服务器

adb reverse tcp:8081 tcp:8081

打印网络请求

adb logcat -v threadtime |grep HTTP

打包apk

https://ithelp.ithome.com.tw/articles/10188858

1. 生成签名

keytool -genkeypair -v -keystore tt-release-key.keystore -alias tt-key-alias -keyalg RSA -keysize 2048 -validity 10000

2. 配置

3. 安装

日志

react-native log-android
adb logcat -v threadtime |grep HTTP
adb logcat *:I ReactNative:V ReactNativeJS:V
adb logcat *:S ReactNative:V ReactNativeJS:V
adb logcat -b main -b system -b radio -b events -v time > e://all.log
react-native log-android
adb shell ifconfig wlan0
adb tcpip 5555 
adb connect 192.168.1.199 

查看打印的log

adb logcat *:I ReactNative:V ReactNativeJS:V

android device monitor 协助输出 log 日志信息

Android SDK 自带的 ADM 调试工具

> monitor

adb命令安装apk到手机

adb install E:\work\a\tangApp\android\app\build\outputs\apk\app-release.apk

mac启动虚拟机

cd ~/Library/Android/sdk/emulator/

//查看模拟设备列表
./emulator -list-avds

//启动某个模拟设备
./emulator @Nexus_5X_API_28

连接真机

1、打包debug版本

./gradlew assembleDebug

2、从设备上访问开发服务器

adb reverse tcp:8081 tcp:8081

3、安装apk到手机

adb install E:\work\a\tangApp\android\app\build\outputs\apk\app-release.apk

手机和电脑传输数据

http://www.kuparty.com/g/39554

安卓技巧

1. adb常用命令

   • https://www.jianshu.com/p/5b21377cf69b
   • https://my.oschina.net/laomanong008/blog/908695

2. 清除缓存

gradlew clean

抓包

http://www.lemfix.com/topics/43397 App 抓包提示网络异常怎么破？
https://www.52pojie.cn/thread-967606-1-1.html 抓不到包？

学习资料

• 官方中文文档 https://reactnative.cn/docs/getting-started.html
• https://github.com/reactnativecn/react-native-guide
• https://github.com/crazycodeboy/react-native-awesome
• react中文网
• 组件：Image网络图片

组件

• 图片Image

1. https://www.hangge.com/blog/cache/detail_1542.html

手动安装安卓依赖

https://blog.csdn.net/Cui_xing_tian/article/details/93503835

资源网站

• https://js.coach/?collection=React+Native&category=Images
• https://react.parts/
• https://www.jianshu.com/p/d9cd9a868764 组件库

常见错误

1、webview白屏？

https://blog.csdn.net/u011124212/article/details/82118073

android Webview加载url空白，但浏览器能打开

webSettings.setDomStorageEnabled(true);//主要是这句
webSettings.setJavaScriptEnabled(true);//启用js
webSettings.setBlockNetworkImage(false);//解决图片不显示