react- native -chart-kit不支持导航react native- expo

Question

我的应用程序中有使用此库的统计组件：

import {
    LineChart,
    BarChart,
    PieChart,
    ProgressChart,
    ContributionGraph,
    StackedBarChart
} from "react-native-chart-kit";

当我将其设置为应用程序启动时加载的第一个页面时，该页面可以正常工作：

import { createAppContainer } from "react-navigation";
import { createStackNavigator } from "react-navigation-stack";
import MainMenu from "../modules/MainMenu/MainMenu-screen";
import Login from "../modules/Login/Login-screen";
import StatistiqueGlobale from "../modules/statGlobale/Statistique-screen"
const LoginStackNavigator = createStackNavigator({
  StatistiqueGlobale: {
    screen: StatistiqueGlobale,
    navigationOptions: {
      title: "StatistiqueGlobale",
      headerShown: false,
    },
  },
  Login: {
    screen: Login,
    navigationOptions: { headerShown: false },
  },

  MainMenu: {
    screen: MainMenu,
    navigationOptions: {
      title: "MainMenu",
      headerShown: false,
    },
  },

但是我需要应用程序从登录页面开始，然后从主菜单导航到统计页面:所以导航应该是这样的：

import { createAppContainer } from "react-navigation";
import { createStackNavigator } from "react-navigation-stack";
import MainMenu from "../modules/MainMenu/MainMenu-screen";
import Login from "../modules/Login/Login-screen";
import StatistiqueGlobale from "../modules/statGlobale/Statistique-screen"
const LoginStackNavigator = createStackNavigator({
  StatistiqueGlobale: {
    screen: StatistiqueGlobale,
    navigationOptions: {
      title: "StatistiqueGlobale",
      headerShown: false,
    },
  },
  Login: {
    screen: Login,
    navigationOptions: { headerShown: false },
  },

  MainMenu: {
    screen: MainMenu,
    navigationOptions: {
      title: "MainMenu",
      headerShown: false,
    },
  },

我在主菜单中使用这个函数，通过在参数中传递页面的名称来导航到任何页面

  navig = (page) => {

    this.props.navigation.navigate(page);

  };

然后，每次我尝试导航时都会出现这两个错误：enter image description here

enter image description here

Answer 1

我不会说我正面临着同样的问题。问题是我必须通过npm而不是yarn安装另一个包，这个包是"react-native-svg“。它开始起作用了。我使用的是react-native-cli，而不是expo-cli。