Javascript 反应本机堆栈导航标头

我在react native中stackNavigator包含的标题方面遇到了一个小问题

我在两个视图之间导航，Skatebay和Profile。 当我使用stackNavigator时，它会向Skatebay视图添加一个顶部栏“标题”，如何删除它？如果不可能，我可以将其样式设置为我已经创建的标题吗

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  TouchableHighlight,
  Image,
  ScrollView,
  Button,
} from 'react-native';
import { StackNavigator } from 'react-navigation';
import s from './styles/main.js';

class skatebay extends React.Component{

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

  <View style={s.container}>

      <View style={s.toolbar}>
        <TouchableHighlight style={s.toolbarButton} onPress={() => navigate('Profile')}
          title="Profile">
          <Image style={s.toolIcon} source={require('./gfx/profile.png')}/>
        </TouchableHighlight>

        <TouchableHighlight style={s.toolbarTitle} onPress={alert}>
          <Image style={s.logo} source={require('./gfx/logos.png')}/>
        </TouchableHighlight>

        <TouchableHighlight style={s.toolbarButton} onPress={alert}>
          <Image style={s.toolIcon} source={require('./gfx/settings.png')}/>
        </TouchableHighlight>
      </View>

      </View>
    );
    }
}

import React，{Component}来自'React'；
进口{
评估学，
样式表，
文本，
看法
触控高光，
形象,，
滚动视图，
按钮
}从“反应本机”；
从“react navigation”导入{StackNavigator}；
从“/styles/main.js”导入s；
类skatebay扩展了React.Component{
render（）{
const{navigate}=this.props.navigation；
返回(
导航（'Profile'）}
title=“Profile”>
);
}
}

纵断面图

class ProfileScreen扩展了React.Component{
静态导航选项={
标题：“个人资料”，
};
render（）{
返回(
轮廓
);
}
}
const skatebayApp=StackNavigator({
主屏幕：{屏幕：skatebay}，
配置文件：{screen:ProfileScreen}
});
AppRegistry.registerComponent（'skatebayApp'，（）=>skatebayApp）；

我说的是我创建的白色标题上方的蓝色/灰色标题

---

如果不需要StackNavigator的默认标题，可以将none传递给StackNavigator配置

---

如果不需要StackNavigator的默认标题，可以将none传递给StackNavigator配置

---

非常感谢，真不敢相信它这么难找到。你救了我一天，真是太感谢了，真不敢相信这么难找到。你救了我一天

class ProfileScreen extends React.Component {
    static navigationOptions = {
        title: 'Profile',
    };
render() {
    return (
      <View>
        <Text>profile</Text>
      </View>
    );
  }
}


const skatebayApp = StackNavigator({
  Main: {screen: skatebay},
  Profile: {screen: ProfileScreen}
});

AppRegistry.registerComponent('skatebayApp', () => skatebayApp);

const skatebayApp = StackNavigator({
  Main: {screen: skatebay},
  Profile: {screen: ProfileScreen}
}, {
  headerMode: 'none'
});