react-native-flexbox-grid icon indicating copy to clipboard operation
react-native-flexbox-grid copied to clipboard

React Native Error when I put `Col` inside of `Row`

Open gwenf opened this issue 8 years ago • 1 comments

I'm importing your library: import {Row, Col} from 'react-native-flexbox-grid';

But when I try to nest a column inside a Row like this (or with multiple columns):

<Row>
  <Col sm={5}>
      <Text>
        First Column
      </Text>
    </Col>
</Row>

I get an error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got undefined.

It only works if I use Row by itself.

I'm using react-native version: 0.44.0

gwenf avatar Jun 02 '17 20:06 gwenf

@gwenf

FYI - I can refer you to a grid I've been working on that is based on this grid but has more features. It should work just fine for your example above including with 0.44.0

https://github.com/idibidiart/react-native-responsive-grid

idibidiart avatar Jun 03 '17 04:06 idibidiart