首页 > 解决方案 > 在 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,
  },

下划线下拉

标签: react-nativedropdown

解决方案


Ciao,要删除下划线,您必须传递underlineColor='transparent'MaterialDropdown组件,例如:

<MaterialDropdown
   underlineColor='transparent'
   ...
/>

推荐阅读