1.0.0 • Published 7 years ago

react-native-ui-text-column v1.0.0

Weekly downloads
2
License
ISC
Repository
github
Last release
7 years ago

TextColumn

Installation

npm i react-native-ui-text-column

Example

import React from 'react';
import {Text, View} from 'react-native';

import TextColumn from 'react-native-ui-text-column';

export default class App extends React.Component {
    render() {
        return (
            <View>
                <View style={{marginTop: 10}}>
                    <Text style={{fontSize: 15}}>Dinamis 4 kolom</Text>
                    <TextColumn items={[
                        {title: 'Stok', value: 7},
                        {title: 'Terjual', value: 100},
                        {title: 'Peminat', value: 90},
                        {title: 'Dilihat', value: 7000}
                    ]} onItemPress={(index, item) => {
                        alert(JSON.stringify(item));
                    }}/>
                </View>

                <View style={{marginTop: 10}}>
                    <Text style={{fontSize: 15}}>Dinamis 3 kolom</Text>
                    <TextColumn items={[
                        {title: 'Stok', value: 7},
                        {title: 'Terjual', value: 100},
                        {title: 'Peminat', value: 90}
                    ]} onItemPress={(index, item) => {
                        alert(JSON.stringify(item));
                    }}/>
                </View>
            </View>
        );
    }
}

Screenshot

Screenshot