Ошибка реакции на исходный материал - нижняя навигация не может найти вкладку переменной - PullRequest
0 голосов
/ 30 августа 2018

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

это мой код

import React, { Component } from 'react';
import { View,Icon } from 'react-native';
import { Container, Header, Content, Footer, FooterTab, Button, Text } from 'native-base';
import BottomNavigation, { FullTab} from 'react-native-material-bottom-navigation'
export default class App extends React.Component {
 tabs = [
 {
  key: 'games',
  icon: 'gamepad-variant',
  label: 'Games',
  barColor: '#388E3C',
  pressColor: 'rgba(255, 255, 255, 0.16)'
},
{ 
  key: 'movies-tv',
  icon: 'movie',
  label: 'Movies & TV',
  barColor: '#B71C1C',
  pressColor: 'rgba(255, 255, 255, 0.16)'
},
{
  key: 'music',
  icon: 'music-note',
  label: 'Music',
  barColor: '#E64A19',
  pressColor: 'rgba(255, 255, 255, 0.16)'
}
]
renderIcon = icon => ({ isActive }) => (<Icon size={24} color="white" name={tab.icon} />)
renderTab = ({ tab, isActive }) => (<FullTab isActive={isActive} key= tab.key} label={tab.label} renderIcon={this.renderIcon(tab.icon)}/> )
render() {
return (
  <View style={{ flex: 1 }}>
    <View style={{ flex: 1 }}>
      {/* Your screen contents depending on current tab. */}
    </View>
    <BottomNavigation
      onTabPress={activeTab => this.setState({ activeTab })}
      renderTab={this.renderTab}
      tabs={this.tabs}
    />
  </View>
)}
}

эту ошибку я получаю

и извините за мой плохой английский

...