反应原生，在TabNavigator上方显示一个栏，隐藏在滚动上（如facebook app do）

Question

我用反应本机开发应用程序。

我使用tabNavigator中的StackNavigator和react-navigation在标签之间导航。

现在，我想创建一个与我的tabNavigator上方显示的标签，就像Facebook的应用程序一样。此选项卡隐藏在向下滚动。

FlatList组件具有ListHeaderComponent选项，用于呈现在向下滚动时也隐藏的标题。

有什么想法吗？ 我在https://reactnavigation.org/docs/或反应原生文档

上找不到任何内容

Answer 1

看起来像嵌套在StackNavigator中的TabNavigator，如下面的

StackNavigator(
  {
    Tabs: {
      screen: TabNavigator(
        {
          TabA: {
            screen: TabA,
            navigationOptions: {
              tabBarIcon: <MaterialCommunityIcons name={"account"} />
            }
          },
          TabB: {
            screen: TabB,
            navigationOptions: {
              tabBarIcon: <MaterialCommunityIcons name={"message"} />
            }
          },
          TabC: {
            screen: TabC,
            navigationOptions: {
              tabBarIcon: <MaterialCommunityIcons name={"earth"} />
            }
          }
        },
        {
          tabBarOptions: {
            showLabel: false,
            showIcon: true,
            style: {
              backgroundColor: "white"
            }
          }
        }
      ),
      navigationOptions: {
        title: "Notifications"
      }
    }
  },
  {
    navigationOptions: ({ navigation }) => ({
      headerRight: <MaterialCommunityIcons name={"magnify"} size={30} style={{ color: "white" }} />,
      headerStyle: {
        backgroundColor: "rgb(76, 62, 84)"
      },
      headerTitleStyle: { color: "white" }
    })
  }
)