1.0.2 • Published 7 years ago
react-native-tiles-component v1.0.2
React Native Tiles Component (Work-In-Progress, not usable yet)
A simple design component made up of equally sized and spaced tiles.
How to use it:
import React, {Component} from 'react';
import TilesComponent from 'react-native-tiles-component';
class TilesComponent extends Component {
render() {
<TilesComponent
style={{
width: 200,
height: 200,
padding: 10
}}
widthTileNumber={5}
widthTileSpacing={4}
heightTileNumber={5}
heightTileSpacing={4}
tileColor={'#A8A8A8'}
/>
}
}TilesComponent props
| Prop | Type | Description |
|---|---|---|
| style.width | number | Width of Component. |
| style.height | number | Height of Component. |
| style.padding | number | Optional. Defaults to null. |
| style.paddingTop, Left, Bottom, Right | number | Optional. |
| style.margin | number | Optional. Defaults to null. |
| style.marginTop, Left, Bottom, Right | number | Optional. |
| style.backgroundColor | color code | Optional. Defaults to null. |
| widthTileNumber | number | Number of columns of tiles. |
| widthTileSpacing | number | Horizontal spacing between tiles in pixels. |
| heightTileNumber | number | Number of rows of tiles. |
| heightTileSpacing | number | Vertical spacing between tiles in pixels. |
| tileColor | color code | Optional. But has to be different from backgroundColor or the tiles will not be visible. |
Left to do:
- Test with actual react native app