JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 8061
  • Score
    100M100P100Q130580F

Package Exports

  • react-native-flex-grid
  • react-native-flex-grid/lib/module/index.js
  • react-native-flex-grid/src/index.ts

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-flex-grid) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-native-flex-grid

A react-native flexbox grid similar to bootstap's web grid.

Follow @ahmad_tokyo

DEMO

Getting Started

Installation

npm install react-native-flex-grid
yarn add install react-native-flex-grid

Import

import { Container, Row, Col } from 'react-native-flex-grid';

Basic Example

<Container>        
  <Row size={12}>
    <Col sm={6} md={4} lg={3}>
      <Text>
        First Column
      </Text>
    </Col>
    <Col sm={6} md={4} lg={3}>
      <Text>
        Second Column
      </Text>
    </Col>
  </Row>      
</Container>

Helpful resources

Contributing

Pull requests are highly appreciated! For major changes, please open an issue first to discuss what you would like to change.