首页 > 解决方案 > EMUI 中的 Spinner 下拉视觉错误(华为、荣耀)

问题描述

我为微调器下拉菜单创建了一个自定义样式,但是 EMUI 层(华为、荣耀)存在视觉问题。

荣耀精简版 9

我在三星 A8 (8.0)、小米红米 Note 3 (6.0)、三星 A50 (9.0)、Moto E3 (8.0) 和不同的模拟器上进行了测试,下拉菜单没问题。

其他设备

我可以在没有 java 代码的情况下解决这个问题吗?(我正在使用 react-native )谢谢!

这是我的代码:

样式.xml

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowBackground">@drawable/launch_screen</item>
        <!-- Associate picker theme -->
        <item name="android:spinnerDropDownItemStyle">@style/SpinnerDropDownItem</item>
    </style>
    <!-- Picker Item -->
    <style name="SpinnerDropDownItem" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:paddingLeft">15dp</item>
        <item name="android:paddingRight">15dp</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:fontFamily">@font/muli_regular</item>
        <item name="android:gravity">center</item>
        <item name="android:background">@drawable/picker_divider</item>
    </style>
</resources>

picker_divider.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@color/dark" />
    <corners android:radius="0.5dp" />
    <stroke
        android:color="#363633"
        android:width="0.1dp" />
</shape>

标签: androidreact-nativereact-native-android

解决方案


推荐阅读