segment

Install

npm i --save react-native-dj-segment

Usage

Using in your app will usually look like this:

//入口
import React, {Component} from 'react';
import {
    AppRegistry,
} from 'react-native';

import Segment from 'react-native-dj-segment'
class AwesomeProject extends Component {
     render() {
        let view = <Segment
            ref='seg1'
            items={['1', '2', '3', '4', '5']}
            selectedType={'box'}
            callback={(i) => { this.refs.seg2.setSelectedIndex(i) } }
            />;

        let view2 = <Segment
            ref='seg2'
            items={['1', '2', '3', '4', '5']}
            selectedType={'line'}
            callback={(i) => { this.refs.seg1.setSelectedIndex(i) } }
            />;
        return (

            <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
                {view}
                <View style={{ height: 30 }}></View>
                {view2}
            </View>
        );
    };
}
AppRegistry.registerComponent('xxx', () => NPMTest);