React-native：TextInput下的阴影无法正常工作

Question

这可能是微不足道的......我在顶部有一个TextInput，在它下面有一个Listview。我希望在textinput下始终有一个轻微的阴影。

问题是当我下拉列表时我只看到阴影：

（没有下拉列表时没有阴影）

这是代码：

   <View style = {{flex: 1}}>
       <View style={styles.searchBar}>
         <TextInput
          value={this.state.searchText}
          style={styles.searchBar}
          onFocus={this._searchTextFocus()}
          onChangeText ={(change) => {this._setSearchText(change)}}
          placeholder='Ask...' />
       </View>
          <ListView ....

样式表：

  searchBar:{
backgroundColor: '#f5f5f5',
height: 40,
paddingLeft: 10,
shadowColor: "black",
shadowOpacity: 0.8,
shadowRadius: 2,
shadowOffset: {
  height: 1,
  width: 0,
},

感谢您的帮助：）