React Native安卓端暗黑模式AlertDialog按钮内边距/对齐异常求助

一、修复当前按钮布局异常问题 #

你遇到的按钮下方多余空间问题，是因为自定义AlertTheme时直接覆盖了android:background属性，破坏了系统AlertDialog默认的容器padding和按钮区域布局逻辑。可以通过以下方式修复：

修改values-night/styles.xml中的AlertTheme定义，保留系统默认的按钮布局样式：

<style name="AlertTheme" parent="Theme.AppCompat.Dialog.Alert">
    <item name="android:textColor">#FFFFFF</item>
    <!-- 使用系统主题属性适配背景，避免硬写纯色破坏布局 -->
    <item name="android:background">?attr/colorSurface</item>
    <item name="android:colorAccent">#FFFFFF</item>
    <!-- 强制继承系统AlertDialog的按钮样式，确保布局正常 -->
    <item name="buttonBarButtonStyle">@style/Widget.AppCompat.Button.ButtonBar.AlertDialog</item>
    <item name="buttonBarLayout">@style/Widget.AppCompat.ButtonBar.AlertDialog</item>
</style>

如果坚持使用纯色背景，建议创建带内边距的drawable文件（比如res/drawable/dark_dialog_bg.xml）：

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#000000"/>
    <padding android:top="16dp" android:bottom="16dp" android:left="16dp" android:right="16dp"/>
    <corners android:radius="8dp"/>
</shape>

然后在AlertTheme中引用该drawable作为背景，避免直接设置纯色导致布局padding丢失。

二、更优的暗黑模式适配方案 #

硬写颜色值的方式不够灵活，且容易破坏系统布局。推荐利用AppCompat的DayNight主题特性，让AlertDialog自动适配暗黑模式，同时保留原生布局：

1. 统一配置主题颜色属性
   在values/styles.xml（浅色模式）中：

<style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
    <item name="android:textColor">#000000</item>
    <!-- 定义AlertDialog背景色 -->
    <item name="colorSurface">#FFFFFF</item>
    <!-- 定义AlertDialog文字颜色 -->
    <item name="colorOnSurface">#000000</item>
</style>

在values-night/styles.xml（暗黑模式）中：

<style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
    <item name="android:textColor">#FFFFFF</item>
    <item name="colorSurface">#121212</item>
    <item name="colorOnSurface">#FFFFFF</item>
    <!-- 无需单独设置alertDialogTheme，系统会自动继承主题属性 -->
</style>

2. 移除自定义AlertTheme
   删除values-night/styles.xml中的AlertTheme定义和android:alertDialogTheme配置，让AlertDialog自动继承AppTheme的颜色属性，这样既解决了可读性问题，又完全保留原生按钮布局，不会出现padding/gravity异常。

这种方式符合Material Design的暗黑模式规范，且维护成本更低，后续无需为AlertDialog单独调整样式。

内容的提问来源于stack exchange，提问作者David Goguen