【发布时间】:2020-09-17 08:26:38
【问题描述】:
我使用“react-native-material-dropdown”中的 MaterialDropdown,它工作正常,但我想更改所选项目的样式以使其更加可见。
我使用 selectedItemColor 将其设为黑色,但我想将其设为粗体并加下划线...我不知道 "selectedItemStyle" 是如何不起作用的:
<MaterialDropdown
data={data_dropdown}
// pickerStyle={styles.dropdownPickerStyle}
affixTextStyle={{ fontFamily: "FunctionLH" }}
itemTextStyle={{ fontFamily: "FunctionLH" }}
selectedItemStyle={{fontWeight: 'bold', textDecorationLine: 'underline'}}
selectedItemColor='rgb(0, 0, 0)'
containerStyle={[styles.dropdownContainerStyle, {opacity: 0}]}
itemCount={10}
dropdownPosition={-4.5}
dropdownOffset={{top: 32, left: 5 }}
underlineColor='transparent'
labelExtractor={({ label }) => label}
valueExtractor={({ value }) => value}
//propsExtractor={({ props }, index) => props}
propsExtractor={({value, index}) => { return (value === '*' ? {style:
{borderBottomColor: '#D1D1D1', borderBottomWidth: 1, paddingTop: 5}} :
{style: {}}) }}
onChangeText={(value) => this.choiceAction(value)}
useNativeDriver={true}
/>
【问题讨论】:
-
根据代码,github.com/n4kz/react-native-material-dropdown/blob/master/src/… 是不可能的,因为只有两个文件可以复制到源并根据需要更新
标签: react-native dropdown selecteditem