Реактивный список ввода автозаполнения не может отображаться, пока кнопка существует после компонента

Question

Я новичок в реакции на натив, возможно, мне не хватает некоторых простых трюков. У меня есть автозаполнение ввода. Когда я пишу текст, элементы списка остаются под кнопкой. Я должен обновить мои 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,
    },
});