Android 警报样式覆盖 React Native 开发菜单

SFX*_*SFX 5 alert android themes reactjs react-native

我正在尝试在 React Native 中设置 Android 警报对话框的样式。我所做的是这样的:

  1. 我为应用程序主题添加了特殊样式:
<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:textColor">#000000</item>
        <item name="android:alertDialogTheme">@style/AlertDialogTheme</item>
    </style>

    <style name="SplashTheme" parent="Theme.AppCompat.NoActionBar">
        <item name="android:windowBackground">@drawable/background_splash</item>
    </style>

</resources>
Run Code Online (Sandbox Code Playgroud)
  1. 这种风格看起来像这样:
<?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="AlertDialogTheme" parent="Theme.AppCompat.Dialog.Alert">
        <item name="android:background">#FFFFFF</item>
        <item name="android:textColor">#0078D4</item>
        <item name="android:textColorPrimary">#000000</item>
        <item name="android:buttonBarNegativeButtonStyle">@style/NegativeButtonStyle</item>
        <item name="android:buttonBarPositiveButtonStyle">@style/PositiveButtonStyle</item>
    </style>

    <style name="NegativeButtonStyle" parent="Widget.AppCompat.Button.ButtonBar.AlertDialog">
        <item name="android:textColor">#0078D4</item>
        <item name="android:textAllCaps">false</item>
    </style>

    <style name="PositiveButtonStyle" parent="Widget.AppCompat.Button.ButtonBar.AlertDialog">
        <item name="android:textColor">#0078D4</item>
        <item name="android:textAllCaps">false</item>
    </style>
</resources>
Run Code Online (Sandbox Code Playgroud)

现在,当我在 React Native 中触发警报时,这看起来很棒!但是,当我尝试拉出调试菜单以启用重新加载/调试/等时,它看起来只是空白:

React Native 上的空白调试菜单。

谁能告诉我是否:

  1. 有一种更好的方法来执行此样式,这样它就不会影响开发人员菜单
  2. 有没有办法修改我现有的自定义样式以重新点亮应用程序中的开发人员菜单?

我已经验证删除样式可以解决问题,所以这就是原因。

谢谢!