反应本地输入元素：更改输入容器的高度

Question

我有一个使用react-native-elements的输入容器，并且该容器包含一个图标。我想降低容器的高度，但结果很糟糕，图标周围的高度不合适：

我的风格：

input: {
      layout: {
        ...inputs.darkCredentials,
        containerStyle: {
          ...inputs.darkCredentials.containerStyle,
          width: '100%',
          padding: 0,
          marginTop: Platform.OS === 'ios' ? 25 : 17,
          marginBottom: Platform.OS === 'ios' ? 15 : 13,
          borderRadius: 12,
          height: 32,
          // marginBottom: 45,
          elevation: 5,
          shadowColor: '#000000',
          shadowOffset: { height: 0.5 },
          shadowOpacity: 0.15,
          shadowRadius: 5,
        },
        leftIconContainerStyle: {
          ...inputs.darkCredentials.leftIconContainerStyle,
          // height: Platform.OS === 'ios' ? 40 : 45,
          backgroundColor: greenPrestoDark,
          padding: 0,
          height: 32,
          margin: 0,
          paddingLeft: 15,
          borderRadius: 12,
        },
        labelStyle: {
          marginLeft: 10,
          height: 32,
          color: 'white',
          position: 'absolute',
          top: -25,
        },
      },

and for the icon:

   icon: {
      layout: {
        type: 'material-community',
        name: 'lock',
        ...icons.darkCredentials,
        size: 32,
        height: 32,
        style: { color: 'white' },
      },

我正在尝试设置高度：到处都是32

我应该怎么做才能完全降低输入容器的高度？

Answer 1

可以这样收费吗

 inputStyle={styles.inputStyle}
  inputStyle: {
    height:200
  },