使用三方组件

react-native-material-tabs
注:操作均在项目根目录下
使用npm
npm install --save react-native-material-tabs
使用yarn
yarn add react-native-material-tabs
使用实例
import React, { Component } from 'react'; import { Platform, StyleSheet, Text, View, Button } from 'react-native'; import MaterialTabs from 'react-native-material-tabs'; export default class App extends Component<{}> { constructor(props) { super(props); this.state = { selectedTab:0 }; } render() { return ( <View style={{flex:1,marginTop:64}}> <MaterialTabs items={['One', 'Two', 'Three','four','five']} selectedIndex={this.state.selectedTab} onChange={index => this.setState({ selectedTab: index })} /> </View> ); } }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容