如何更改 React Native 中的警报按钮颜色？

Question

在 Native Android 中，我们可以更改 Alert Dialog 中的按钮颜色，如 here 所述。

如何在React Native 中为Alert 执行类似的样式？

这是我的Alert 代码：

Alert.alert(
    'Alert Title',
    'Alert Message / Description?',
    [
        { text: 'No', onPress: () => this.actionNo() },
        { text: 'Yes', onPress: () => this.actionYes() }
    ],
    { cancelable: false }
);

注意：这不是重复的。这里我询问了如何使用Alert对话框样式，而不将实现更改为Model。

Answer 1

我也经历了同样的事情，我找到了一种风格化的方法。 在styles.xml 中添加：

在 AppTheme 添加：

<item name="android:alertDialogTheme">@style/AlertDialogTheme</item>

然后：

<style name="AlertDialogTheme" parent="Theme.AppCompat.Dialog.Alert">
    <item name="android:background">#00397F</item>
    <item name="android:colorPrimary">#00397F</item>
    <item name="android:colorAccent">#0AAEEF</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">#F0A90F</item>
</style>

<style name="PositiveButtonStyle" parent="Widget.AppCompat.Button.ButtonBar.AlertDialog">
    <item name="android:textColor">#F0A90F</item>
</style>

使用它并根据需要添加更多自定义值。