Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

6 tasks done
omatrot opened this issue Jan 7, 2020 · 0 comments
6 tasks done


Copy link

omatrot commented Jan 7, 2020

I have gone through these following points

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

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.
Screenshot_2020-01-07-11-38-11-196_com debugiosbutton

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
None yet
None yet

No branches or pull requests

1 participant