Question

我有一个现有的Android应用程序。

我使用React Native设计了App的一个屏幕。所以，现在它变成了混合应用程序（Android + React Native）。

在设计React Native屏幕时，我想快速调试或刷新它以快速查看任何设计更改。

因此想要打开Debug菜单，因为它发生在非集成的React本机App中。

当我按r + r时，屏幕不会像在Android模拟器上运行的非集成React本机应用程序那样刷新。

Answer 1

尝试使用

命令+ m

或

ctrl + m

在Android模拟器中查看您的开发人员菜单。如果它仍未显示，则您可能必须转到活动/访问react-native模块的屏幕。

Answer 2

在Android React Native Integrated App中启用React Native调试，请在配置期间启用调试标志 - setUseDeveloperSupport（“true”）

@Override
protected void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);

    mReactRootView = new ReactRootView(this);

    mReactInstanceManager = ReactInstanceManager.builder()

            .setApplication(getApplication())

            .setBundleAssetName("index.android.bundle")

            .setJSMainModuleName("index.android")

            .setUseDeveloperSupport("true")

            .setInitialLifecycleState(LifecycleState.RESUMED)

            .build();

     mReactRootView.startReactApplication(mReactInstanceManager,    
    "YourApp", appProps);

    setContentView(mReactRootView);

然后，如果您使用真正的移动设备，请摇动它，这将打开调试覆盖。您可能还会遇到许可问题。请参考以下内容解决它：

https://medium.com/react-native-development/fixing-problems-in-react-native-caused-by-new-permission-model-on-android-1e547f754b8

如何在现有Android App中集成的React Native模块中查看React本机调试器菜单？

2 个答案: