пользовательские выпадающие позиции реагируют на родной

Question

Я создал пользовательский выпадающий список, в котором я получаю данные по всем странам, он работает нормально, но верстка неправильная. Первое поле формы - это поле страны, поэтому список должен соответствовать этому.

Что я пробовал 1. Положение относительное и абсолютное 2. Маржа и отступ

Ниже приведен код

<View style={{ marginTop: 15, position: 'relative' }}>
    <CustomPicker
        data={this.countryDs}
        source={require("../../resource/img/globe.png")}
        selectedValue={this.reg_country}
        onValueChange={this.onCountryChange.bind(this)}
        style={{ position: 'absolute',top:20 }}
     />
</View>

и ниже - текущее изображение на выходе

пока я хочу