react-native错误检查App的渲染方法

Question

我正在尝试运行项目react native Tab View。

我遵循了准确的代码，但是运行此代码时，出现错误Check the render method of App。

我认为我的代码没有任何错误，但这给了我一个错误。我认为可能是TabViewAnimated，但找不到错误所在。

任何评论或建议将不胜感激！

import React, { Component } from 'react';
import { View, StyleSheet } from 'react-native';
import { TabViewAnimated, TabViewPage, TabBarTop } from 'react-native-tab-view';

export default class App extends Component {
  state = {
    index: 0,
    routes: [
      { key: '1', title: 'First' },
      { key: '2', title: 'Second' },
    ],
  };

  _renderScene = ({ route }) => {
    switch (route.key) {
    case '1':
      return <View style={{ flex: 1, backgroundColor: '#ff4081' }} />;
    case '2':
      return <View style={{ flex: 1, backgroundColor: '#673ab7' }} />;
    default:
      return null;
    }
  };

  _renderPage = (props) => <TabViewPage {...props} renderScene={this._renderScene} />;

  render() {
    return (
      <TabViewAnimated
        style={{ flex: 1 }}
        navigationState={this.state.navigation}
        renderScene={this._renderPage}
        renderHeader={this._renderHeader}
        onRequestChangeTab={index => this.setState({ index })}
      />
    );
  }
}

Answer 1

弄清楚了。我不得不将TabViewAnimated替换为TabView。我想这是一个版本问题。