question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Grid 'hiding' elements?

See original GitHub issue

I’m trying to use a grid to position react native components side by side (FormLabels). If I don’t use a grid, I can see that content.

However, If I place those FormLabels in a Grid Column, they don’t show up on in my ux. Should that be the case?

As part of my render:

        <Grid>
          <Col>
            <FormLabel>Target Likelihood:</FormLabel>
          </Col>
          <Col>
            <FormLabel>{this.state.value}</FormLabel>
          </Col>
        </Grid>

Should form labels be viewable in a grid?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
dcordzcommented, May 19, 2017

I was having this issue as well, turns out I hadn’t changed the style props on each grid component (Grid, Row, Col) to containerStyle after upgrading from 0.9.7 to 0.12.2.

https://react-native-training.github.io/react-native-elements/API/grid/#gridcomponent-props

0reactions
binoy14commented, May 19, 2017

@dcordz Thanks for pointing it out. Closing this since it’s not reproducible. Feel free to reach out if your still having an issue

Read more comments on GitHub >

github_iconTop Results From Across the Web

Hiding an element with CSS Grid [closed] - Stack Overflow
You can achieve this by setting that row's height to 0 via the grid-template-rows declaration, and then setting the visibility of the ...
Read more >
Css grid hide column - HTML & CSS - SitePoint Forums
Hello, let's say you have a simple grid: it has a header, a footer, and in the middle it has 3 columns. Also,...
Read more >
Mind the Gap – Hide a Column in CSS-Grid - Marcus Obst
In CSS grid layout, one obstacle is, the column is not displayed anymore, but the space remains. That happens if a fixed value...
Read more >
How to Hide Elements in a Responsive Layout - W3docs
On this page, we are going to demonstrate how to hide elements in a responsive layout. Read this tutorial to find out how...
Read more >
Display property - Bootstrap
To hide elements simply use the .d-none class or one of the .d-{sm,md,lg,xl}-none classes for any responsive screen variation. To show an element...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found