iOS : Button size shrink when total rows size is greater than screen size?

[omatrot]

I have gone through these following points

• Check latest documentation: https://docs.nativebase.io/
• Check for existing open/closed issues for a possible duplicate before creating a new issue: https://github.com/GeekyAnts/react-native-easy-grid/issues
• Use the latest React Native Easy Grid release
• Check examples from NativeBase KitchenSink https://github.com/GeekyAnts/NativeBase-KitchenSink
• For discussion purpose make use of NativeBase Slack: http://slack.nativebase.io/
• For queries related to theme, check Theme Variables from Docs and live NativeBase Theme Editor http://nativebase.io/customizer/

Issue Description

I have a button that is incorrectly rendered, height is shrunk, text is disappearing.

node, npm, package.json, xcode version

• Xcode Version 11.3 beta

• "react-native": "0.59.10"

Expected behaviour

Correct behaviour on both platforms.

Actual behaviour

Button height is reduced on iOS

Steps to reproduce

Render the following:

      <View style={{flex: 1,
    backgroundColor: "#F5FCFF"}}>
        <Grid>
          <Row size={100}>
            <Col>
              <Button style={{backgroundColor: "#ddd",
    borderWidth: 1,
    margin: 40,
    padding: 12,
    borderRadius: 8,
    borderColor: "black"}} onPress={() => {}}>
                <Text style={{ textAlign: "center" }}>Start</Text>
              </Button>
            </Col>
            <Col>
              <View style={{ alignItems: "center" }}>{undefined}</View>
            </Col>
          </Row>
          <Row size={200}></Row>
          <Row size={50}></Row>
          <Row size={150}></Row>
          <Row size={150}></Row>
        </Grid>
      </View>

Is the bug present in both iOS and Android or in any one of them?

This issue is iOS only. Reduce the fixed size of the last row to make the button rendered properly.

Android is fine.

Any other additional info which would help us debug the issue quicker.