• 5
  • 新人请关照

react-navigation中navigationOptions设置的header会报错,是不是我哪里写的不对?

设置cardStack时并不会报错,header就不行了。。
图片描述

代码如下:

import React, { Component } from 'react';
import {
    AppRegistry,
} from 'react-native';
import { StackNavigator } from 'react-navigation';
import home from './src/home';
import list from './src/list';

const ReactNativeDemo01 = StackNavigator(
    {
        home: {
            screen: home,
            navigationOptions: {
                title: '首页',
            }
        },
        list: {
            screen: list,
            navigationOptions: {
                title: '酒店列表'
            }
        },
    },{
        initialRouteName: 'home',
        navigationOptions: {
            header: {
                backTitle: '返回',
            }
        },
    },
);

AppRegistry.registerComponent('ReactNativeDemo01', () => ReactNativeDemo01);
阅读 3.6k
评论
    1 个回答
    • 569

    写法有错
    看下我写过的这段:

    
    navigationOptions: ({navigation}) => ({
    
          header: (                    <Toolbar
    
               navigation={navigation}/>                ),            }),
    

    toolbar是我自己定义的组件,当然你也可以你自己写。

    具体的配置方法建议可以看看文档,rn中文网或者rn官网都有这个介绍

    文档最权威最详细,建议学习过程有问题在其上解决

      相似问题
      推荐文章