无法从React native paper下拉菜单中设置下拉菜单的背景颜色

v09wglhw 于 2023-05-01 发布在 React

关注(0)|答案(2)|浏览(195)

我使用了一个react-native-paper-dropdown，我应用的样式不会被设置，例如背景颜色不会改变;

<DropDown
      // label={''}
      mode="flat"
      visible={showDropDown}
      showDropDown={() => setShowDropDown(true)}
      onDismiss={() => setShowDropDown(false)}
      value={country}
      setValue={setCountry}
      list={countriesList}        
      dropDownStyle={{
        width: 100,
        backgroundColor: 'white',
        borderColor: 'white',
        shadowColor: 'white',
    }}
  />

react-native

来源：https://stackoverflow.com/questions/71044034/cannot-set-background-color-on-dropdown-from-react-native-paper-dropdown

2条答案

按热度按时间

iih3973s1#

我强烈建议你使用下面的库来实现下拉菜单
https://www.npmjs.com/package/react-native-dropdown-picker
更容易使用，它是受欢迎的图书馆

赞(0）回复(0）举报 2023-05-01

eufgjt7s2#

this code worked for me to change background color of the dropdown.

<DropDown
      // label={'P'}
      mode={'outlined'}
      visible={showMobileDropDOwn}
      showDropDown={() => setShowMobileDropDOwn(true)}
      onDismiss={() => setShowMobileDropDOwn(false)}
      setValue={setPhoneCountry}
      value={phoneCountry}
      list={codes}
      inputProps={{
        style:{
          width:90,
          backgroundColor: 'rgb(252,243,207)',
          height:20
        }
      }}
    />

赞(0）回复(0）举报 2023-05-01

我来回答

无法从React native paper下拉菜单中设置下拉菜单的背景颜色

2条答案

相关问题

热门标签

最新问答