Skip to content

Can't set height of Select component #4126

@xionxiao

Description

@xionxiao

Describe the bug
I have a form with Input and Select. I want to make them same height. But when I set h='50px', Input component height changes but Select component remain unchanged.

Screen Shot 2021-09-27 at 10 36 41 AM

Expected behaviour

Screen Shot 2021-09-27 at 10 34 24 AM

To Reproduce
Here's the sample code

export default function App() {
  return (
    <NativeBaseProvider>
      <VStack mt='16' space={5} alignItems="center">
        <Input h='50px' />
        <Select h='50px'>
          {['A', 'B', 'C'].map(i => <Select.Item label={i} value={i} />)}
        </Select>
      </VStack>
    </NativeBaseProvider>
  );
}

Additional information

As the inspect shows, the outer height changed to 50px, but the inner component.

Screen Shot 2021-09-27 at 10 43 14 AM

Platform

  • NativeBase version 3.2.0
  • Device: iPhone, Android, Web

Metadata

Metadata

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions