react-native - 在 react-native 中删除下拉列表下的行
问题描述
我有一个与 react-native-material-dropdown 一起使用的下拉菜单,但我找不到删除标签下划线的方法......我错过了什么?谢谢你的帮助我试过了inputContainerStyle={{borderBottomWidth: 0}}
和
lineWidth={0}
activeLineWidth={0}
disabledLineWidth={0}
但是..没有成功。我的代码:
<View style={[styles.centeredView, {marginTop:0}]}>
<MaterialDropdown
data={data_dropdown}
baseColor="#212121"
labelFontSize={17}
textColor="#212121"
itemColor="#212121"
selectedItemColor="#000"
backgroundColor="transparent"
pickerStyle={styles.dropdownPickerStyle}
affixTextStyle={{ fontFamily: "FunctionLH" }}
itemTextStyle={{ fontFamily: "FunctionLH" }}
labelTextStyle={{ fontFamily: "FunctionLH" }}
containerStyle={[styles.dropdownContainerStyle]}
lineWidth={0}
activeLineWidth={0}
disabledLineWidth={0}
itemCount={10}
dropdownPosition={-4.5}
labelExtractor={({ label }) => label}
valueExtractor={({ value }) => value}
propsExtractor={({ props }, index) => props}
onChangeText={(value) => this.choiceAction(value)}
useNativeDriver={true}
/>
<Image
source={require("../../assets/images/btn-flights-listing.png")}
style={{position:'absolute',
width: "35%",
height: 30,
alignItems: "center",
justifyContent: "center"}}/>
</View>
风格 :
dropdownPickerStyle: {
backgroundColor: "#FFF",
position: "absolute",
bottom: "auto",
},
dropdownContainerStyle: {
width: "75%",
zIndex: 100,
margin: 0,
padding: 0,
},
解决方案
Ciao,要删除下划线,您必须传递underlineColor='transparent'
给MaterialDropdown
组件,例如:
<MaterialDropdown
underlineColor='transparent'
...
/>