自定义下拉位置反应本机

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>

及以下是当前输出图像

我想要的时候