React Navigation:使用Custom Navigators时“无法将没有YogaNode的子项添加到没有度量函数的父项”

问题描述 投票:0回答:1

我正在尝试在下面的图片中为我的应用制作用户界面:

My App's UI

我按照React Navigation的指示根据UI制作Custom Navigator,但它在Android中不起作用。出现红色屏幕,并显示消息“无法将没有瑜伽节点的孩子添加到没有测量功能的父节点”。这是我的代码:

import React, { Component } from 'react';
import { createStackNavigator } from 'react-navigation';
import TabAboutScreen from './TabAbout';
import TabMyLessonScreen from './TabMyLesson';
import TabTeacherScreen from './TabTeacher';
import { ScrollView, View, Text } from '../../../components';
import TabNavigator from './TabNavigator';
import TopBar from './TopBar';
import styles from './styles';
import CourseHeader from './CourseHeader';
import theme from '../../../theme';
import i18n from '../../../i18n';

export const CourseDetailStackNavigator = createStackNavigator({
  TabAbout: TabAboutScreen,
  TabMyLesson: TabMyLessonScreen,
  TabTeacher: TabTeacherScreen,
}, {
  headerMode: 'none',
  initialRouteName: 'TabAbout',
});

export default class TabCourseDetail extends Component {
  static router = CourseDetailStackNavigator.router;

  constructor(props) {
    super(props);
    this._handleOnBackButtonPress = this._handleOnBackButtonPress.bind(this);
  }

  _handleOnBackButtonPress() {
    // do something
  }

  render() {
    return (
      <View style={styles.container}>
        <TopBar textButton={i18n.t('CMBack')} title={i18n.t('CDCourseDetail')} onPress={this._handleOnBackButtonPress} />
        <ScrollView
          style={styles.scrollContainer}
          stickyHeaderIndices={[1]}
          showsVerticalScrollIndicator={false}
          alwaysBounceVertical={false}
        >
          <CourseHeader />
          <TabNavigator />
          <View style={styles.test}>
            <CourseDetailStackNavigator navigation={this.props.navigation} />
          </View>
        </ScrollView>
      </View>
    );
  }
}

我的环境:react-navigation:2.12.1,react-native:0.55.4我发现问题是我按照反应导航文件放入组件内部。它在iOS中运行良好,但在Android中不起作用。你有没有遇到过这个问题。我期待着你的解决方案。最良好的问候。

react-native react-navigation
1个回答
0
投票

确保你没有在return方法中留下任何注释代码,也没有留下任何没有text native的Text标签的文本(字符串)。

© www.soinside.com 2019 - 2024. All rights reserved.