Question

我已经使用本机库创建了带有标题和右侧图标的标题。但是，模拟器上显示了两个标题。我不知道发生了什么。有人可以帮我弄这个吗？

import React, { Component }from 'react';
import { StyleSheet } from 'react-native';
import { Icon, Button, Container, Header, Content, Left, Right, Body,Text, Title } from 'native-base';

class Landing extends Component {
 render() {
    return (
        <Container>
            <Header>
                <Left />
                <Body>
                    <Title>
                        Title
                    </Title>
                </Body>
                <Right>
                    <Button transparent>
                    <Icon name="ios-menu" onPress={() => 
                    this.props.navigation.navigate('DrawerOpen')} />
                    </ Button>
                </Right>
            </Header>
            <Content contentContainerStyle={{
                flex: 1,
                alignItems: 'center',
                justifyContent: 'center'
            }}>
            <Text> 
                Landing Screen
            </Text>
            </ Content>
        </ Container>
    );
}
}


export default Landing;

这是我的代码，我看到的是图片：enter image description here

Answer 1

我认为您正在使用StackNavigator。

如果是，则更改为：

const Navigator = StackNavigator(
    {
        Landing: { screen: Landing},
        Home: { screen: Home}
    },
    {
        headerMode: 'none'
    }
);

Answer 2

如果您是react-navigation，则必须按以下方式设置导航选项：

  static navigationOptions = {
    header: null
  };

Answer 3

react-router-flux中的路线/导航器接受的答案相同：

<Scene
      key='dashboardContainer'
      component={(localProps) => <DashboardContainer {...props} {...localProps} />}
      hideNavBar
/>

本机基础两个标头

3 个答案: