Javascript 组件后存在按钮时，无法显示React native autocomplete输入列表

我是新手，我可能错过了一些简单的技巧。我有一个自动完成输入。当我写一些文本时，列表项停留在按钮下方。我必须更新我的css代码，但当我试图改变所有的项目，但不能成功。如何更新此问题的css字段

import Autocomplete from 'react-native-autocomplete-input';

          <Item rounded style={{margin: 10}}>
          <Autocomplete
          autoCapitalize="none"
          autoCorrect={false}
          style={styles.container}
          inputContainerStyle={{borderWidth: 0}}
          containerStyle={styles.autocompleteContainer}
          data={this.state.places}
          defaultValue={this.state.placeQuery}
          onChangeText={text => this.findPlace(text)}
          placeholder="Arazi Lokasyonu"
          placeholderTextColor={'gray'}
          renderItem={({ item }) => (
              <TouchableOpacity onPress={() => this.onPressFn(item.name, item.lat, item.lon)}>
                  <Text style={styles.itemText}>
                      <Text style={{ fontWeight: 'bold' }}>{item.name}</Text>
                      {item.name !== item.address && '\n' + item.address}
                  </Text>
              </TouchableOpacity>
          )}
          keyExtractor={(item, index) => index.toString()}/>
          </Item>
          <Button block
            style={{margin: 10}}
            onPress={() => this.addLand(this.state.landName)}>
            <Text>Ekle</Text>
          </Button>


const styles = StyleSheet.create({
    container: {
        backgroundColor: '#F5FCFF',
        flex: 1,
        paddingTop: 25,
    },
    autocompleteContainer: {
        borderWidth: 0,
        height:50,
        borderRadius: 30,
        flex: 1,
        left: 0,
        right: 0,
        top: 0,
        zIndex: 1,
    },
    itemText: {
        fontSize: 25,
        margin: 2,
    },
});

从“反应本机自动完成输入”导入自动完成；
我也有同样的问题。我想这与react native自动为后面的元素提供更高的zIndex有关。但我自己还没有找到一个可行的解决办法。