Javascript react native中的选项卡导航不工作 从“React”导入React 从“react native”导入{View，Text，StyleSheet，TouchableWithoutFeedback}； const Header=props=>{ 常数{ 导航状态， 航行 活性染料， 不活泼的颜色 }=道具； const activeTabIndex=navigation.state.index； 返回( 赢得赌注 每日赢取现金 {navigationState.routes.map（（路由，索引）=>{ const isRouteActive=index==activeTabIndex； const tintColor=isRouteActive？activeTintColor:inactiveTintColor； 返回( navigation.navigate（route.routeName）} key={route.routeName} > {route.routeName} ); })} ); };

选项卡按预期显示，但不可单击，无法导航到其他页面。。。主页也不显示。 可能有什么问题，或者如何配置路由和routeName

import React from 'react'
import { View, Text, StyleSheet,  TouchableWithoutFeedback } from "react-native";

const Header = props => {
    const {
        navigationState,
        navigation,
        activeTintColor,
        inactiveTintColor
    } = props;
    const activeTabIndex = navigation.state.index;
  return (
    <View style={styles.containerHeader}>
      <View style={styles.textContainer}>
        <Text style={styles.textWhite}>Win Bets</Text>
        <Text style={styles.textWhiteSmall}>win cash daily</Text>
      </View>
      <View style={styles.tabContainer}>
          {navigationState.routes.map((route, index) =>{
              const isRouteActive = index === activeTabIndex;
              const tintColor = isRouteActive ? activeTintColor : inactiveTintColor;
              return (
                  <TouchableWithoutFeedback
                  onPress={() => navigation.navigate(route.routeName)}
                  key={route.routeName}
                  >
                      <View>
                          <Text
                            style={{
                                fontSize: 17,
                                textTransform: "capitalize",
                                color: `${tintColor}`,
                                fontWeight: `${isRouteActive ? "700" : "normal"}`
                            }}
                            >
                                {route.routeName}
                            </Text>
                      </View>
                  </TouchableWithoutFeedback>
              );
          })}
      </View>
    </View>
  );
};