React-Native выпадающее выравнивание автозаполнения

Question

У меня проблемы с выравниванием выпадающего меню, которое находится чуть ниже автомлета. Кажется, есть еще один вид под полем ввода, отталкивающий выпадающий список. Я использую эту библиотеку. https://github.com/maxkordiyak/react-native-dropdown-autocomplete и.

Кто-нибудь, помогите мне :)

Ниже приведен снимок текущего поля и поля ввода:

Снимок кода

 <View>
      <Input 
        ref={this.input}
        inputContainerStyle={styles.assetIDfield}
        containerStyle={styles.IDfieldContainer}
        label=“Search by ID”
        labelStyle={styles.IDLabel}
        autoCapitalize="none"
        value={this.state.ID}
        onChangeText={this.onIDTextChange} 
        />
    </View>
  </View>

<View style={styles.assetIDUserNameContainer} >
      <View containerStyle={ styles.userFilterContainer}>

      <Text>Search by User Name/Text>
      <Autocomplete 
      inputStyle={styles.userFilterfield}
      data ={this.state.usernameData}
      valueExtractor={item => item }  
      // inputContainerStyle={styles.dropDownContainer}

      ref={this.userFilter}
      initialValue={firebase.auth().currentUser.displayName}
      // overlayStyle={styles.dropDownContainer}
      onChangeText={this.onUsernameTextChange}
      separatorStyle={styles.separatorStyle}
      noDataTextStyle={styles.noDataTextStyle}
      scrollStyle={styles.scrollStyle}
      pickerStyle={styles.pickerStyle}
      listHeader="Results"
      noDataTextStyle="No data"
      // containerStyle={styles.dropDownContainer}
      // onDropdownShow={ () => onDropdownShow()}
      />
       {/* <ScrollView>

      <View containerStyle={ styles.dropDownContainer}/>
      </ScrollView> */}
 </View>