有没有办法降低下拉选择器的高度（react-native-dropdown-picker 模块）答案

【问题标题】：Is there a way to decrease the height of dropdown picker (react-native-dropdown-picker module)有没有办法降低下拉选择器的高度（react-native-dropdown-picker 模块）
【发布时间】：2022-10-20 00:58:54
【问题描述】：

Dropdown Picker Screenshot

增加它的高度没有问题，但我想给容器设置样式以降低它的高度。我已经尝试使用样式属性更改所有道具，但我仍然无法降低它的高度。这是我下面的代码。

import {
  ThemeProvider,
  createTheme,
  Header,
  Text,
  SocialIcon,
  Button,
  Divider,
  Overlay,
  SearchBar,
  ListItem,
  Avatar,
} from '@rneui/themed';
import DropDownPicker from 'react-native-dropdown-picker';

// code here
<View>
  <View>
    <Text
      style={{
        fontSize: 14,
        color: COLORS.gray_header2,
      }}>
      Label 2:
    </Text>
    <DropDownPicker
      open={open}
      value={value}
      items={items}
      setOpen={setOpen}
      setValue={setValue}
      setItems={setItems}
      style={styles.dropdown_container}
      textStyle={styles.dropdown_itemstyle}
    />
  </View>
</View>

//code here

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: 'white',
  },

  dropdown_container: {
    width: '100%',
    backgroundColor: COLORS.dirty_white,
    borderRadius: 6,
    borderColor: COLORS.gray_filter,
  },
  
  dropdown_itemstyle: {
    color: COLORS.gray_header,
    borderColor: COLORS.gray_filter,
    marginLeft: 10,
  },
});

Dropdown Picker Screenshot with react-devtools

使用 react-devtools 模块后，我已经调试了可以更改高度的位置。有什么办法可以降低它的高度吗？（显然是 devtools 中的 minHeight）

编辑Height of the container itself (not the dropdown menu when clicked)

【问题讨论】：

标签： javascript reactjs react-native

【解决方案1】：

嗨，尝试添加 maxHeight 如下？

最大高度={200}

查看他们网站上的文档：https://hossein-zare.github.io/react-native-dropdown-picker-website/

【讨论】：

我试图添加它，但遗憾的是下拉选择器中没有任何变化，它只改变了下拉菜单的高度

【解决方案2】：

正如格伦建议的那样，最大高度是你的答案。

【讨论】：

如果我没有说清楚，我很抱歉。我指出的高度是容器本身的高度，而不是单击下拉菜单时的高度。我已经包含了另一张图片，只是为了清楚我在说什么
试试这个属性props={{ style: { height: 40 } }}
我已经尝试过了，它奏效了。谢谢你。我只需要手动编辑它的样式。样式似乎已被覆盖。

【解决方案3】：

最后，你找到解决问题的方法了吗？

【讨论】：