react-native-table-row

a table row for react-native >0.25

installation

npm install react-native-table-row --save

###Basic Usage import TableRow from 'react-native-table-row'

class Example extends Component {
render() {
    const image=<Image source={require('./avatar.jpg')} style={{width:60,height:60,borderRadius:30}}></Image>
    return (
        <View style={styles.container}>
            <TableRow title={'title1'}
                      type={'Summary'}
                      onPress={()=>{}}
                      titleIconStyle={{width:32,height:32}}
                      titleIconSource={require('./avatar.jpg')}
                      subtitle={'a message unRead'}
                      showArrow={true}></TableRow>
            <TableRow title={'title1'} onPress={()=>{}}></TableRow>
            <TableRow title={'title2'} showArrow={true}></TableRow>
            <TableRow title={'title3'} subtitle={'subtitle3'}></TableRow>
            <TableRow title={'title4'} subtitle={'subtitle4'} showArrow={true}></TableRow>
            <TableRow title={'title5'} subElement={image} showArrow={true}></TableRow>
            <TableRow titleElement={image} subtitle={'subtitle'}
                      subtitleStyle={{flex:1,textAlign:'right'}}></TableRow>
        </View>
    );
}}

const styles = StyleSheet.create({
container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
}
});

###Properties

Prop | Type |Require |Description| ----------|----------|----------|----------| type|string|false|type must be Basic or Summary,default is Basic titleIconSource|source|false|the source for image,it must be require('...'),it will use in type of Summary titleIconStyle|style|false|style for titleIcon,use in type of Summary cellBodyStyle| style |false | In addition to the titleIcon of style onPress |function|false|then function for you when you click title|string|false|text for title titleStyle|style|false|react native style for title text titleElement|element|false |the element of react native,when you use this prop,the prop title and titleStyle will useless subtitle|string|false|text for subtitle subtitleStyle|style|false|react native style for subtitle text subElement|element|flase|the element of react native,when you use this prop,the prop subtitle and subtitleStyle will useless showArrow|boolean|false| show arrow in the right rightIconSource|source|false|the source for image,it must be require("...")

##show case