使用 renderScene 但导航不起作用答案

【问题标题】：Using renderScene but navigation is not working使用 renderScene 但导航不起作用
【发布时间】：2021-07-25 15:12:24
【问题描述】：

我正在尝试使用 Tabview 在 React Native 中将头固定在顶部

但是，当我进入页面时，导航出现问题。

当只有一种情况时，导航可以正常工作，例如 goBack 和 goPage。

当我有两个以上的标签时，它会从应用程序中退出。

是否有任何解决方案可以让我使用超过 2 个选项卡和正确的导航？

这是我的代码。

const renderScene = ({route}) => {
    switch (route.key) {
        case 'tab1':
          return (
            <MenuScreen storeSeq={storeSeq} parent={prop.parent} naviRef={prop.naviRef}/>
        );
        case 'tab2':
          return (
            <InfoScreen storeSeq={storeSeq} parent={prop.parent} naviRef={prop.naviRef}/>
        );
        case 'tab3':
          return (
            <ReviewScreen storeSeq={storeSeq} parent={prop.parent} naviRef={prop.naviRef}/>
        );
      default:
        return null;
    }
    
  };

这是 TabView 场景.js

 render() {
    return (
      <CustomTabView
        storeSeq={storeSeq}
        parent={this}
        naviRef={this.props.navigation}
      />
    );
  }

这是调用tabview的App.js

【问题讨论】：

在做项目时，由于安全问题，我无法发布整个代码...抱歉，我无法发布更多详细信息..

标签： react-native navigation react-native-android tabview

【解决方案1】：

如果有人在使用渲染场景时遇到导航无法正常工作的问题，检查您的选项卡屏幕或其他组件中是否有 Webview。 Webview 和选项卡导航器折叠并显示错误。我刚刚意识到，如果我删除 webview，导航会顺利进行。我必须找到解决方案才能以其他方式显示地图..

【讨论】：