Question: How to fix extra spacing when set minHeight?

[pavm035]

🚨 The issue tracker is not for questions. 🚨

As it happens, support requests that are created as issues are likely to be closed. We want to make sure you are able to find the help you seek. Please take a look at the following resources.

Coding Questions

https://stackoverflow.com/questions/tagged/react-native

If you have a coding question related to React Native, it might be better suited for Stack Overflow. It's a great place to browse through frequent questions about using React Native, as well as ask for help with specific questions.

Talk to other React Native developers

https://www.reactiflux.com/

Reactiflux is an active community of React and React Native developers. If you are looking for immediate assistance or have a general question about React Native, the #react-native channel is a good place to start.

If you want to participate in casual discussions about the use of React Native, consider participating in one of the following forums:

• Discord Community: https://discord.gg/0ZcbPKXt5bZjGY5n
• Spectrum Chat: https://spectrum.chat/react-native
• Facebook Group: https://www.facebook.com/groups/react.native.community

If you'd like to discuss topics related to the future of React Native, or would like to propose a new feature or change before sending a pull request, please check out the discussions and proposals repo:

• https://github.com/react-native-community/discussions-and-proposals

For a full list of community resources, check out React Native's Community page at https://facebook.github.io/react-native/help.

Hi All,

When i set container view with minHeight value when children grows it adds extra padding at bottom when container height is greater minHeight if i understood properly it should set minHeight when container size is less than minHeight but not when it's greater than minHeight and here is my code

`import React, { Component } from 'react';
import { Text, View } from 'react-native';

export default class HelloWorldApp extends Component {
render() {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<View
style={{
width: '100%',
flexDirection: 'row',
flexWrap: 'wrap',
justifyContent: 'space-between',
borderWidth: 1.5,
borderRadius: 8,
minHeight: 70,
}}>
<View
style={{ width: 100, height: 50, backgroundColor: 'powderblue' }}
/>
<View
style={{ width: 100, height: 50, backgroundColor: 'skyblue' }}
/>
<View
style={{ width: 100, height: 50, backgroundColor: 'steelblue' }}
/>
<View style={{ width: 100, height: 50, backgroundColor: 'red' }} />
<View style={{ width: 100, height: 50, backgroundColor: 'blue' }} />
<View style={{ width: 100, height: 50, backgroundColor: 'green' }} />


);
}
}
`

[react-native-bot]

We are automatically closing this issue because it does not appear to follow any of the provided issue templates.

👉 Click here if you want to report a reproducible bug or regression in React Native.