Реакционно-родная нижняя панель вкладок исчезла - PullRequest
Новая
       28

Реакционно-родная нижняя панель вкладок исчезла

0 голосов
/ 23 января 2020

Я работаю над проектом в течение нескольких месяцев, и вдруг моя вкладка исчезла ... Я действительно не понимаю, почему, я не модифицировал этот конкретный файл, и обновления пакетов не касались этого пакета. ..

Я подумал, что это может измениться, поэтому я попытался с createMaterialBottomTabNavigator, но он тоже не сработал, поэтому я не знаю, где это не так ...

Если у вас есть любая подсказка, любая идея, где я могу искать, чтобы заставить это работать, Вы можете мне помочь? Большое спасибо за ваше время и помощь. 

import React from "react";
import { Image, StyleSheet, Text, View } from "react-native";
import { createBottomTabNavigator } from "react-navigation-tabs";
import { createAppContainer } from "react-navigation";
const HomeTab = createStackNavigator(
  {
    Account: Account
  },
  {
    defaultNavigationOptions: {
      headerStyle: {
        backgroundColor: "#0091EA"
      },
      headerTintColor: "#fff",
      title: "Account"
    }
  }
);

const SettingsTab = createStackNavigator(
  {
    Settings: Settings
  },
  {
    defaultNavigationOptions: {
      headerStyle: {
        backgroundColor: "#0091EA"
      },
      headerTintColor: "#FFFFFF",
      title: "Settings"
    }
  }
);
const StatsTab = createStackNavigator(
  {
    Stats: Stats
  },
  {
    defaultNavigationOptions: {
      headerStyle: {
        backgroundColor: "#0091EA"
      },
      headerTintColor: "#FFFFFF",
      title: "Stats"
    }
  }
);
const MainApp = createBottomTabNavigator(
  {
    Account: {
      screen: Account,
      navigationOptions: {
        tabBarLabel: i18n.t("tabbar.action.account"),
        tabBarIcon: ({ focused, horizontal, tintColor }) => {
          return (
            <Image
              source={require("../../assets/images/profil.png")}
              style={{ width: 20, height: 20 }}
            />
          );
        }
      }
    },
    Statistics: {
      screen: Stats,
      navigationOptions: {
        tabBarLabel: i18n.t("tabbar.action.statistics"),
        tabBarIcon: ({ focused, horizontal, tintColor }) => {
          return (
            <Image
              source={require("../../assets/images/stats.png")}
              style={{ width: 20, height: 20 }}
            />
          );
        }
      }
    },
    Subscription: {
      screen: Subscription,
      navigationOptions: {
        tabBarLabel: i18n.t("tabbar.action.subscription"),
        tabBarIcon: ({ focused, horizontal, tintColor }) => {
          return (
            <Image
              source={require("../../assets/images/creditcard.png")}
              style={{ width: 20, height: 20 }}
            />
          );
        }
      }
    },
    Settings: {
      screen: Settings,
      navigationOptions: {
        tabBarLabel: i18n.t("tabbar.action.settings"),
        tabBarIcon: ({ focused, horizontal, tintColor }) => {
          return (
            <Image
              source={require("../../assets/images/settings.png")}
              style={{ width: 20, height: 20 }}
            />
          );
        }
      }
    }
  },
  {
    initialRouteName: 'Account',
    tabBarOptions: {
      activeTintColor: "#FF6F00",
      inactiveTintColor: "#263238"
    }
  }
);

export default createAppContainer(MainApp);
...