Skip to content

Question: How to fix extra spacing when set minHeight? #26367

Closed
@pavm035

Description

@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:

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:

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' }} />


);
}
}
`

Metadata

Metadata

Assignees

No one assigned

    Labels

    Ran CommandsOne of our bots successfully processed a command.Resolution: LockedThis issue was locked by the bot.Type: QuestionIssues that are actually questions and not bug reports.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions