react-native - 如何定位 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 .