React native: Externe Pakete können nicht importiert und verwendet werden

Question

Ich versuche, das reactive-native-tabbar-navigator-Paket zu verwenden. Ich habe npm install react-native-tabbar-navigator --save in meinem Projektverzeichnis, um das Paket zu installieren. In meinem Code habe ich die folgenden Import-Zeilen, um das Paket zu verwenden.

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


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

jedoch läuft dies auf meinem Android-Simulator gibt mir die folgende Fehlermeldung:

Scheinen Sie versuchen, den Zugriff auf ‚ReactNative.Component‘ aus dem reagieren-native Paket. Vielleicht wollten Sie stattdessen auf "React.Component" aus dem "react" -Paket zugreifen?

Wenn ich die Import-Zeile für den TabBarNavigator entfernen, verschwindet der Fehler. Warum passiert dies?

Ich bin mit Version 0.3.0 von tabbarnavigator und 0.31.0-rc.0 Version reagieren-native

Answer 1

, die Bibliothek veraltet ist, wird es nicht funktionieren, bis sie eine neue Version freigeben.

Wie Sie here sehen können, TabBarNavigator importiert Component von 'react-native', die nicht auf react-native V0.26 + unterstützt wird.

Sie können die manuell in Ihrem lokalen Paket ändern (node_modules),

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

diese

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

in MainTabBar.js und MainNavigator.js ersetzt .

Trotzdem wäre es einfacher für Sie, eine aktualisierte Bibliothek wie react-native-tab-navigator zu installieren.