1,,,,,,,--------使用第三方的tab,
/**
- Sample React Native App
- https://github.com/facebook/react-native
- @flow
*/
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
TabBarIOS,
} from 'react-native';
import ScrollabelTabView,{DefaultTabBar,ScrollableTabBar} from 'react-native-scrollable-tab-view';
import Account from './RNCompont/PageCompont/Accout/Account.js';
import Edit from './RNCompont/PageCompont/Edit/Edit.js';
import List from './RNCompont/PageCompont/List/List.js';
import Picture from './RNCompont/PageCompont/Picture/Picture.js';
export default class index extends Component {
constructor(props)
{
super(props)
}
render() {
return (
<ScrollabelTabView
renderTabBar ={()=><DefaultTabBar/>}
tabBarPosition="bottom"
scrollWithoutAnimation={true}
locked={true}
>
<Account tabLabel="首页" ></Account>
<Edit tabLabel="编辑页" ></Edit>
<List tabLabel="List" ></List>
<Picture tabLabel ="Picture" ></Picture>
</ScrollabelTabView>
)}
}
const styles = StyleSheet.create({
});
AppRegistry.registerComponent('RNProjectFrist', () => index);