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.padding[Top, Left, Bottom, Right]	number	Optional.
style.margin	number	Optional. Defaults to null.
style.margin[Top, 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