hcmobile-sdk/components/rowLayout/RowLayoutDemo.js

mobile-sdk

//import liraries
import React, { Component } from 'react';
import { View, Text, StyleSheet } from 'react-native';
import RowLayout from './index';
import Img from '../../images/appointmentBtn.png';

// create a component
class RowLayoutDemo extends Component {
    render() {
        return (
            <View style={styles.container}>
                <RowLayout
                    tag = '缓存'
                    lineColor = '#999'
                    content = '300M'
                    showArrow
                    onClick = {() => {
                    }}
                />
                <RowLayout
                    tag = '账号'
                    lineColor = '#999'
                    content = '18666666666'
                    onClick = {() => {
                    }}
                />
                <RowLayout
                    tag = '检查更新'
                    lineColor = '#999'
                    content = 'v1.0.0'
                    arrowImg = {Img}
                    showArrow
                    onClick = {() => {
                    }}
                />
                <RowLayout
                    tag = '设置'
                    style = {{marginTop:80}}
                    lineColor = 'blue'
                    isTop
                    content = ''
                    showArrow
                    onClick = {() => {
                    }}
                />
            </View>
        );
    }
}

// define your styles
const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: 'white',
    },
});

//make this component available to the app
export default RowLayoutDemo;