ios - React Native TextInput 总是有黑色边框

Question

我在 React Native 中使用 TextInput，如果我尝试向组件添加边框，则在我的彩色边框顶部总会有一个方形黑色边框。

当我删除彩色边框时，组件看起来像这样:

这是我的代码:

<TextInput
      returnKeyType="search"
      style={searchStyle.searchInput}
      onChangeText={(text) => this.setState({text})}
      placeholder={this.state.searchText}
      onSubmitEditing={(event) => this.searchLocationSubmit(event)}
/>

const searchStyle = StyleSheet.create({
  searchInput : {
    height: 35,
    color: '#64AFCB',
    borderColor: '#64AFCB',
    borderWidth: 1,
    borderStyle: 'solid',
    borderRadius: 15,
    width: 200,
    marginLeft: 10,
    marginTop: 10,
    backgroundColor: 'white',
    position: 'absolute',
    zIndex: 2
  }
})

Answer 1

尝试删除 borderStyle: 'solid'