如何放置React Native Picker的下拉菜单

Question

我正在尝试在React Native android应用中显示一个下拉菜单。我使用React Native Picker来达到目的，在样式和放置下拉菜单方面似乎非常有限。我无法使菜单弹出到carret（向下箭头按钮）位置下方。

我试图设置页边空白，希望将菜单向下推，但无济于事。

              <Picker
                // selectedValue={stateValue}
                style={{
                  height: 36,
                  width: 261,
                }}
                onValueChange={itemValue => {
                  console.log('item value ', itemValue);
                }}
              >
                <Picker.Item key={-1} label={'Search By...'} value="first" />
                {this.searchCategory.map((item, index) => (
                  <Picker.Item key={index} label={item} value={item} />
                ))}
              </Picker>
            </View>

菜单始终包含Picker组件。我希望它显示在选择器下方。

实际行为：

预期的行为：

Answer 1

经过研究，这是Android的局限性，似乎我们对React Native Picker几乎无能为力。某些自定义软件包可能会给我们带来更多控制权，例如https://www.npmjs.com/package/react-native-picker-select或https://github.com/sohobloo/react-native-modal-dropdown。