React-Native 选择器 - 更改字体大小

Question

我想更改选择器的字体大小并设置选择器项目的格式。我已按照以下链接中的说明重新运行 react-native run-android，但没有任何变化。

如何设计标准的 react-native android 选择器？

Answer 1

它可以通过原生 android 设置样式。看看这个和这个。

将以下代码添加到/res/values/styles.xml

...

<style name="SpinnerItem" parent="Theme.AppCompat.Light.NoActionBar">>
    <item name="android:fontFamily">sans-serif-light</item>
    <item name="android:textSize">18dp</item>
</style>

<style name="SpinnerDropDownItem" parent="Theme.AppCompat.Light.NoActionBar">>
    <item name="android:textColor">#ffffff</item>
    <item name="android:textSize">18dp</item>
    <item name="android:fontFamily">sans-serif-light</item>
    <item name="android:gravity">center</item>
    <item name="android:background">@drawable/mydivider</item>
</style>

在 res/drawable/mydivider.xml 创建文件并添加以下代码

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