/**

• 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 ZFTabBar from './RNCompont/ViewCompont/ZFTabBar.js'
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);
this.state={
tabNames:['视频','录制','图片','我的'],
tabIconNames:['lf_tabbar_cart','lf_tabbar_home','lf_tabbar_order','lf_tabbar_home'],
tabIconNamesClick:['lf_tabbar_order_selected','lf_tabbar_home_selected','lf_tabbar_order_selected','lf_tabbar_home_selected'],
}

}

render() {
let tabNames = this.state.tabNames;
let tabIconNames = this.state.tabIconNames;
let tabIconNamesClick= this.state.tabIconNamesClick;
return (
<ScrollabelTabView
renderTabBar ={()=>
<ZFTabBar
tabNames={tabNames}
tabIconNames ={tabIconNames}
tabIconNamesClick ={tabIconNamesClick}
/>}
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);