头部导航栏页面

import React, { Component } from "react";
import { View, Text } from "react-native";
import { createTabNavigator } from "react-navigation"; // 导入头部导航
import List from "./List";

const One = () => {   //给标签传递数据，获取从网络的数据
    return <List tab="good" />;
};

const Two = () => {
    return <List tab="ask" />;
};

const Three = () => {
    return <List tab="share" />;
};
const Four = () => {
    return <List tab="job" />;
};
const TopNav = createTabNavigator(
  {
    One: {
      // 标签1
      screen: One,
      navigationOptions: {
        title: "精华"
      }
    },
    Two: {
      screen: Two,
      navigationOptions: {
        title: "工作"
      }
    },
    Three: {
      screen: Three,
      navigationOptions: {
        title: "问答"
      }
    },
    Four: {
      screen: Four,
      navigationOptions: {
        title: "分享"
      }
    }
  },
  {
    lazy: true, //懒加载
    tabBarPosition: "top", //切换条位置
    swipeEnabled: true, //是否可以滑动
    animationEnabled: true //滑动效果
  }
);
export default TopNav;