react-native-vector-icons/Ionicons 自定义tabbar ---1

/**

• 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 (
renderTabBar ={()=>
tabNames={tabNames}
tabIconNames ={tabIconNames}
tabIconNamesClick ={tabIconNamesClick}
/>}
tabBarPosition="bottom"
scrollWithoutAnimation={true}
locked={true}
>





)}

}

const styles = StyleSheet.create({

});

AppRegistry.registerComponent('RNProjectFrist', () => index);