如何减小react-native-dropdown-picker组件的容器高度？

你遇到的问题根源是react-native-dropdown-picker组件内部默认给容器设置了固定的minHeight值，直接修改height属性会被这个默认最小高度覆盖，导致无法缩小容器高度。

直接在你的dropdown_container样式里覆盖minHeight属性即可解决，同时可以搭配height固定高度，调整内边距保证内容垂直居中：

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

  dropdown_container: {
    width: '100%',
    backgroundColor: COLORS.dirty_white,
    borderRadius: 6,
    borderColor: COLORS.gray_filter,
    // 覆盖组件默认的minHeight
    minHeight: 30,
    // 固定容器高度（可选，也可以用height: 'auto'自适应）
    height: 30,
    // 调整内边距让文本垂直居中，避免内容偏移
    paddingVertical: 0,
  },
  
  dropdown_itemstyle: {
    color: COLORS.gray_header,
    borderColor: COLORS.gray_filter,
    marginLeft: 10,
  },
});

如果不需要固定高度，只想让容器自适应内容，也可以将minHeight设为'auto'，同时设置height: 'auto'，再根据实际内容调整内边距即可。

内容的提问来源于stack exchange，提问作者user19923908