Question

我使用“ 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}
              />

Answer 1

通过查看source-code，在react-native-material-dropdown中不支持selectedItemStyle作为支持。您必须提出拉取请求。

如何更改所选项目的样式？

1 个答案: