使用CreateAppContainer或createStackNavigator反应导航问题

时间:2019-08-11 22:31:05

标签: react-native react-navigation react-navigation-stack

大家好,我在React中编写了一些应用程序以应用我之前学到的知识,并且我想使用react导航来管理屏幕,而我的react版本高于3,所以我必须使用createAppContainer进行渲染但是当我实现应用程序时,我有一个导航栏的标题,但她没有标题。如果有人可以向我解释此代码中的错误。谢谢

我在世博会上的小吃: https://snack.expo.io/@tadix/textexercicev2

屏幕示例: https://pasteboard.co/Isg9q3k.png

import {createStackNavigator,createAppContainer} from "react-navigation"

import Search from '../components/Search'

const SearchStackNavgator = createStackNavigator({
  Search:{
    screen:Search,
    navigationOption:{
      title: "Rechercher"
    }
  }
})


const AppsNavigator = createAppContainer(SearchStackNavgator);

export default AppsNavigator

1 个答案:

答案 0 :(得分:2)

只是一个错字,您在navigationOption之后缺少一个“ s”。它应该看起来像这样:

const SearchStackNavgator = createStackNavigator({
  Search:{
    screen:Search,
    navigationOptions:{
      title: "Rechercher"
    }
  }
})