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

Question

原生 Android ，我们可以在 Alert Dialog 中更改按钮颜色如前所述here .

如何为 Alert 执行类似的样式设置在 React Native ?

这是我的 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>

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