Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-native-rxsegment

RXReactNative9MIT0.0.5TypeScript support: included

React Native RXSegmentfor iOS & Android & windows.

react-native, tab, tab-view, segment, rxsegment, react-component, react-native-rxsegment, react native segment, ios, android, windows

readme

react-native-rxsegment : 分段控制器组件、选项卡视图组件

Support iOS/Android/web

Getting started

$ npm install react-native-rxsegment --save


srxboys

//default
      <RXSegment
        tabBarStyle={{ backgroundColor: 'blue', paddingTop: 20}}
        tabBarLabels={['ios', 'android', 'web']}
      >
        <View style={styles.container}/>
      </RXSegment>

//diy
      <RXSegment
          style={styles.segmentHeader}
          renderTabBar={()=>
            <RXSegmentTabBar
              style={{ backgroundColor: '#7D26CD', paddingTop: 20}}
              tabBarLabels={['ios', 'android', 'web', '']}
              activeTextColor={'red'}
              underlineStyle={ {width: 50, height: 3, backgroundColor: 'red'} }
            />
          }
        >
          <View style={styles.container}/>
          <View style={styles.container}/>
        </RXSegment>