RN 项目使用 stetho

最新推荐文章于 2024-05-11 20:02:06 发布

zsirfs

最新推荐文章于 2024-05-11 20:02:06 发布

阅读量445

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript react 文章标签： react-native javascript

本文链接：https://blog.youkuaiyun.com/EdishenYA/article/details/76136004

javascript 同时被 2 个专栏收录

19 篇文章

订阅专栏

react

1 篇文章

订阅专栏

本文介绍如何在React Native项目中集成Stetho调试工具，包括必要的Gradle配置及MainApplication.java代码修改，以实现网络请求监控等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

RN 项目使用 `stetho`

RN 项目使用 stetho
- buildgradle配置
- MainApplicationjava 添加

build.gradle配置

    compile 'com.facebook.stetho:stetho:1.3.1'
    compile 'com.facebook.stetho:stetho-okhttp3:1.3.1'

MainApplication.java 添加

import com.facebook.react.modules.network.ReactCookieJarContainer;
import com.facebook.stetho.Stetho;
import okhttp3.OkHttpClient;
import com.facebook.react.modules.network.OkHttpClientProvider;
import com.facebook.stetho.okhttp3.StethoInterceptor;
import java.util.concurrent.TimeUnit;

 @Override
  public void onCreate() {
    super.onCreate();
    SoLoader.init(this, /* native exopackage */ false);

     Stetho.initializeWithDefaults(this);
      OkHttpClient client = new OkHttpClient.Builder()
      .connectTimeout(0, TimeUnit.MILLISECONDS)
      .readTimeout(0, TimeUnit.MILLISECONDS)
      .writeTimeout(0, TimeUnit.MILLISECONDS)
      .cookieJar(new ReactCookieJarContainer())
      .addNetworkInterceptor(new StethoInterceptor())
      .build();
      OkHttpClientProvider.replaceOkHttpClient(client);
  }

效果截图：