使用Theme.MaterialComponents.Light.NoActionBar时菜单项不可见求助

这个问题很常见，本质是Light主题的配色冲突——当你使用Theme.MaterialComponents.Light.NoActionBar时，溢出菜单的背景是浅色，而默认的菜单项文本/图标颜色也是浅色，导致视觉上“不可见”，换成深色主题（NoActionBar是深色底色）就没问题，正好印证了这点。

给你几个可行的解决思路：

1. 直接在主题中修正文本/图标颜色 #

在你的style.xml里，当主题父类是Theme.MaterialComponents.Light.NoActionBar时，添加以下属性，强制指定菜单项的文本和图标为深色：

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <!-- 原有的颜色属性 -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    
    <!-- 添加这两个属性解决颜色冲突 -->
    <item name="android:textColorPrimary">@color/colorBlack</item> <!-- 控制菜单文本颜色 -->
    <item name="colorOnSurface">@color/colorBlack</item> <!-- 控制菜单图标颜色 -->
</style>

2. 自定义溢出菜单的专属样式 #

如果不想修改全局文本颜色，可以单独给溢出菜单设置样式，更精准地控制：

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <!-- 原有的主题属性 -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    
    <!-- 指定溢出菜单的自定义样式 -->
    <item name="actionOverflowMenuStyle">@style/CustomOverflowMenuStyle</item>
</style>

<!-- 自定义溢出菜单样式 -->
<style name="CustomOverflowMenuStyle" parent="Widget.MaterialComponents.PopupMenu.Overflow">
    <item name="android:textColor">@color/colorBlack</item>
    <item name="android:background">@color/colorWhite</item> <!-- 可选，确保背景和文本的对比度 -->
    <item name="iconTint">@color/colorBlack</item> <!-- 控制图标颜色 -->
</style>

3. 检查MenuItem的配置细节 #

你的第一个MenuItem用了app:showAsAction="never|withText"，这里never已经确保菜单项只会出现在溢出菜单里，withText是让溢出菜单显示文本（默认也会显示），这个配置本身没问题，核心还是颜色冲突的问题，解决颜色后就能正常显示。

按照上面的方法修改后，切换回Theme.MaterialComponents.Light.NoActionBar主题，溢出菜单的菜单项应该就能正常显示了。

内容的提问来源于stack exchange，提问作者Sir Wellington