如何删除android微调器的顶端和底端的厚白色边框？

Question

我使用react-native构建了我的应用程序，其中有一个选择器组件。我使用styles.xml设置了样式，但是dorpdown的两端都有一个白色的粗边框，我想删除它。我已经尝试了几乎所有东西 - 甚至将填充和边距设置为0，但顶部和底部白色粗边框不会消失。有人可以指出如何删除它们吗？

我的代码：/res/values/styles.xml

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
  <item name="android:spinnerItemStyle">@style/SpinnerItem</item>
  <item name="android:spinnerDropDownItemStyle">@style/SpinnerDropDownItem</item>
</style>

<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>

React native picker code：

 <Picker
      style={{color: darkTextColor, marginLeft:12}}
      ref={this.refId()}
      selectedValue={this.props.application.typeOfBusiness}
      onValueChange={(toi) => this.onUpdate('typeOfBusiness', toi)}>
      {typeOfBusinessLabels.map((val)=> <Picker.Item key={val} label={val} value={val}/>)}
 </Picker>`

Answer 1

这个答案可能对您来说有点晚了，但是在遇到相同的问题并在所有地方进行搜索之后，我还是选择放弃，或者遍历所有背景属性以查看是否可以找到它。

幸运的是我没有放弃，因为我尝试的第一个属性是colorBackgroundFloating。该属性似乎可以控制所有浮动组件的背景

浮动组件背景图像的默认颜色，例如。对话框，弹出窗口和卡片。

https://developer.android.com/reference/android/R.attr#colorBackgroundFloating