RN顶部标签

import React from "react";

import { createTabNavigator } from "react-navigation";

import Lists from "./List";//数据列表

 

const Good = () => {//给标签传递数据，获取从网络的数据

return <Lists tab="good" />;

};

const Share = () => {

return <Lists tab="share" />;

};

const Ask = () => {

return <Lists tab="ask" />;//

};

const Job = () => {

return <Lists tab="job" />;

};

 

const TopNav = createTabNavigator(

{

Good: {//标签1

screen: Good,

navigationOptions: {

title: "精华"

}//命名

},

Share: {//标签2

screen: Share,

navigationOptions: {

title: "分享"

}

},

Ask: {//标签3

screen: Ask,

navigationOptions: {

title: "问答"

}

},

Job: {//标签4

screen: Job,

navigationOptions: {

title: "工作"

}

}

},

{

lazy: true, //懒加载

tabBarPosition: "top", //切换条位置

swipeEnabled: true, //是否可以滑动

animationEnabled: true //滑动效果

}

);

 

export default TopNav;