javascript - react native : Can't import and use external packages

Question

我正在尝试使用 react-native-tabbar-navigator 包。我做了npm install react-native-tabbar-navigator --save 在我的项目目录中安装包。在我的代码中，我有以下导入行来使用该包。

import React, { Component } from 'react';
import {TabBarNavigator} from 'react-native-tabbar-navigator'
import MainTab from './MainTab';


import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
} from 'react-native';

但是，在我的 android 模拟器上运行它会出现以下错误:

您似乎正在尝试从 react-native 包访问“ReactNative.Component”。也许您打算改为从“react”包访问“React.Component”？

如果我删除 TabBarNavigator 的导入行，错误就会消失。为什么会这样？

我用的是0.3.0版的tabbarnavigator和0.31.0-rc.0版的react-native

Answer 1

那个库已经过时了，在他们发布新版本之前它不会工作。

如你所见here , TabBarNavigator 正在从 'react-native' 导入 Component 这在 react-native v0.26 上不受支持+.

您可以在本地包中手动更改它(node_modules)，

替换

var React = require('react-native');
var {
  Component,
  StyleSheet,
  Text,
  View,
  TabBarIOS
} = React;

对此

import {
  StyleSheet,
  Text,
  View,
  TabBarIOS
} from 'react-native';
import {Component} from 'react'

在 MainTabBar.js 和 MainNavigator.js 中。

无论如何，安装更新的库(如 react-native-tab-navigator)会更容易.