react-native-table-row v0.0.4

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

##show case