React-native-picker-select: how to disable underline?

Created on 20 Oct 2018  路  2Comments  路  Source: lawnstarter/react-native-picker-select

i used this

<PickerSelect
              style={{
                inputIOS: AppStyles.picker
              }}
              underline={undefined}
              placeholder={{ label: 'Provincia...', value: null }}
              items={this.state.provincias}
              onValueChange={this.onSelectProvinciaChange}
            />

but the underline still there

picture dengue8830

Most helpful comment

solved, the underline must be in style attr with a opacity 0 as a hacky hide attr

<PickerSelect
              style={{
                inputIOS: AppStyles.picker,
                underline: { opacity: 0 }
              }}
              placeholder={{ label: 'Provincia...', value: null }}
              items={this.state.provincias}
              onValueChange={this.onSelectProvinciaChange}
            />
picture dengue8830 on 20 Oct 2018
❤3

All 2 comments

solved, the underline must be in style attr with a opacity 0 as a hacky hide attr

<PickerSelect
              style={{
                inputIOS: AppStyles.picker,
                underline: { opacity: 0 }
              }}
              placeholder={{ label: 'Provincia...', value: null }}
              items={this.state.provincias}
              onValueChange={this.onSelectProvinciaChange}
            />
dengue8830 picture dengue8830 on 20 Oct 2018
❤3

use borderTopWidth: 0

lfkwtz picture lfkwtz on 22 Oct 2018
👎2 👍1
Was this page helpful?
0 / 5 - 0 ratings

Related issues

tomthornton picture tomthornton  路  7Comments
Fleuv picture Fleuv  路  8Comments
prasad456 picture prasad456  路  7Comments
luizParreira picture luizParreira  路  8Comments
dkniffin picture dkniffin  路  3Comments