“总是出错”；超级表达式必须为null或函数，而不是未定义的；当我导航到此页面时 “严格使用”； 从“React”导入React，{Component}； 从'react native android TabLayout'导入{Tab，TabLayout}； 进口{ ViewPagerAndroid， 看法 样式表， 滚动视图， 文本， }从“反应本机”； 从“/javra事件列表”导入事件列表； var eventLayout=( ); var tabView=eventLayout； 导出默认类TabsUi扩展组件{ 建造师（道具）{ 超级（道具）； 此.state={ 页面位置：0， } } render（）{ 返回( {tabView} ); } setPagePosition（e:事件）{ const pagePosition=e.nativeEvent.position； 控制台日志（页面位置）； this.setState（{pagePosition}）； 开关（页面位置）{ 案例0： 选项卡视图=( ); 打破 案例1： 选项卡视图=( 选项卡内容2 ); 打破 违约： } 这个.forceUpdate（）； } }

当我导航到此页面时，总是出现上述错误。我使用了最新的ECMA脚本语法和最新的react原生版本0.27。我的代码有什么问题

---

如果您有任何建议，我们将不胜感激。

我也遇到了同样的问题，我刚刚更新了node_模块上的两个文件Tab.js和TabLayout.js，这对我来说很有用，主要更改是调用导入模块

'use strict';
import React, {Component} from 'react';
import { Tab, TabLayout } from 'react-native-android-tablayout';

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

import EventList from './javra-event-list';

var eventLayout = (
  <ScrollView>
    <EventList 
      title='Latest Event' 
      event='latest' 
      itemsPerRow={this.props.movies.length} 
      items={this.props.movies} direction={true}/>
    <EventList 
      title='Event Type' 
      event='event' 
      itemsPerRow={this.props.movies.length} 
      items={this.props.movies} direction={true}/>
    <EventList 
      title='Popular Event' 
      event='popular' 
      itemsPerRow={this.props.movies.length} 
      items={this.props.movies} direction={true}/>
  </ScrollView>
);

var tabView = eventLayout;

export default class TabsUi extends Component {
  constructor(props) {
    super(props);
    this.state = {
      pagePosition: 0,
    }
  }

  render(){
    return(
      <View style={{marginTop:0, flex:1}}>
        <TabLayout  
          style ={{height:40, backgroundColor: 'skyblue'}} 
          selectedTab = {this.state.pagePosition}
          onTabSelected = {this.setPagePosition.bind(this)}>
          <Tab name="Events" style={styles.tab1}/>
          <Tab name="User Uploads" style={styles.tab1}/>
        </TabLayout>
        {tabView}
      </View>
    );
  }

  setPagePosition(e:Event){
    const pagePosition = e.nativeEvent.position;
    console.log(pagePosition);
    this.setState({pagePosition});
    switch (pagePosition) {
      case 0:
        tabView = (
          <ScrollView>
            <EventList 
              title='Latest Event' 
              event='latest' 
              itemsPerRow={this.props.movies.length} 
              items={this.props.movies} direction={true}/>
            <EventList 
              title='Event Type' 
              event='event' 
              itemsPerRow={this.props.movies.length} 
              items={this.props.movies} 
              direction={true}/>
            <EventList 
              title='Popular Event' 
              event='popular' 
              itemsPerRow={this.props.movies.length} 
              items={this.props.movies} 
              direction={true}/>
          </ScrollView>
        );
        break;
      case 1: 
        tabView = (
          <View>
            <Text>
              Tab content 2
            </Text>
         </View>
        );
        break;
      default:
    }
    this.forceUpdate();
  }
}

取而代之

import {
  React,
  Component,
  PropTypes,
  processColor,
  requireNativeComponent,
  View,
} from 'react-native';

---

但最好替换整个文件

我也遇到了同样的问题，我刚刚更新了节点模块上的两个文件Tab.js和TabLayout.js，这对我来说很有效，主要的更改是调用导入模块

'use strict';
import React, {Component} from 'react';
import { Tab, TabLayout } from 'react-native-android-tablayout';

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

import EventList from './javra-event-list';

var eventLayout = (
  <ScrollView>
    <EventList 
      title='Latest Event' 
      event='latest' 
      itemsPerRow={this.props.movies.length} 
      items={this.props.movies} direction={true}/>
    <EventList 
      title='Event Type' 
      event='event' 
      itemsPerRow={this.props.movies.length} 
      items={this.props.movies} direction={true}/>
    <EventList 
      title='Popular Event' 
      event='popular' 
      itemsPerRow={this.props.movies.length} 
      items={this.props.movies} direction={true}/>
  </ScrollView>
);

var tabView = eventLayout;

export default class TabsUi extends Component {
  constructor(props) {
    super(props);
    this.state = {
      pagePosition: 0,
    }
  }

  render(){
    return(
      <View style={{marginTop:0, flex:1}}>
        <TabLayout  
          style ={{height:40, backgroundColor: 'skyblue'}} 
          selectedTab = {this.state.pagePosition}
          onTabSelected = {this.setPagePosition.bind(this)}>
          <Tab name="Events" style={styles.tab1}/>
          <Tab name="User Uploads" style={styles.tab1}/>
        </TabLayout>
        {tabView}
      </View>
    );
  }

  setPagePosition(e:Event){
    const pagePosition = e.nativeEvent.position;
    console.log(pagePosition);
    this.setState({pagePosition});
    switch (pagePosition) {
      case 0:
        tabView = (
          <ScrollView>
            <EventList 
              title='Latest Event' 
              event='latest' 
              itemsPerRow={this.props.movies.length} 
              items={this.props.movies} direction={true}/>
            <EventList 
              title='Event Type' 
              event='event' 
              itemsPerRow={this.props.movies.length} 
              items={this.props.movies} 
              direction={true}/>
            <EventList 
              title='Popular Event' 
              event='popular' 
              itemsPerRow={this.props.movies.length} 
              items={this.props.movies} 
              direction={true}/>
          </ScrollView>
        );
        break;
      case 1: 
        tabView = (
          <View>
            <Text>
              Tab content 2
            </Text>
         </View>
        );
        break;
      default:
    }
    this.forceUpdate();
  }
}

取而代之

import {
  React,
  Component,
  PropTypes,
  processColor,
  requireNativeComponent,
  View,
} from 'react-native';

---

但是更好地替换整个文件

现在react-native android tablayout更新为react-native大于0.28v的最新版本。谢谢，这本书的作者

---

现在，android支持tablayout。

现在，react-native android tablayout更新为react-native的最新版本，版本大于0.28v。谢谢，这本书的作者

---

现在，android支持tablayout。

您的包中列出了react的可能副本和哪个版本。json？我使用了react的15.0.2版本。我应该怎么做？包中列出了react的可能副本和版本。json？我使用了react的版本15.0.2。我该怎么办？