React Native Picker的下拉菜单如何定位

Question

我正在尝试在 React Native android 应用程序中显示下拉菜单。为此，我使用了 React Native Picker，它在下拉菜单的样式和定位方面似乎非常有限。我无法让菜单在小车（向下箭头按钮）位置下方弹出。

我尝试设置边距，希望将菜单向下推，但无济于事。

              <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, or https://github.com/sohobloo/react-native-modal-dropdown.

React Native Picker的下拉菜单如何定位

How to position the dropdown menu of React Native Picker

react-native

react-native-android