Question

我正在尝试创建一个React Native应用程序，该应用程序可渲染具有可互换屏幕和固定视图的区域以及一些其他数据/菜单。我尝试通过官方的React Navigation解决this解决方案，但无法使其正常工作。

import React, { Component } from "react";
import {createStackNavigator} from 'react-navigation';
import { Text, View,} from 'react-native';

import Details from './DetailsScreen';
import MainScreen from './MainScreen';

const RootStack = createStackNavigator({
   Main: {screen: MainScreen,
    navigationOptions: {
   header: null
   }
  },
   Details: {
    screen: Details,
  },);

class App extends Component {
  static router = {
    ...RootStack.router,
    getStateForAction: (action, lastState) => {
      return MyStack.router.getStateForAction(action, lastState);
    }
 };

  render() {
    const { navigation } = this.props;

    return(
      <View>
        <Text>Foo</Text>  //this is rendering
        <RootStack navigation={navigation}/>  //this is not
     </View>);
  }
}

export default App;

文章表单链接建议我可以将用createStackNavigator()创建的对象包装在父视图中，但是仅当它是从render()返回的唯一对象时才渲染，否则似乎被忽略了。链接中的示例声称可以“渲染其他内容”，但我无法使其正常工作。有可能这样做吗？

Answer 1

您可以尝试以下方法：

                            mMap.addPolyline(polylineOptions);
                        } else {
                            Toast.makeText(getApplicationContext(), "Direction not found!", Toast.LENGTH_SHORT).show();
                        }

                    }
                }
            }

但是，如果没有App组件的父级导航器，则此方法将无效。

反应导航。在导航器顶部渲染额外的视图

1 个答案: