Родная база с двумя заголовками - PullRequest
Новая
       10

Родная база с двумя заголовками

0 голосов
/ 29 июня 2018

Я создал заголовок с заголовком и правым значком, используя собственную базу. Однако на моем симуляторе есть два заголовка. Я понятия не имею, что происходит. Может кто-то помочь мне с этим? 

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;

Это мой код, и я вижу что-то похожее на картинку: введите описание изображения здесь

Ответы [ 3 ]

0 голосов
/ 30 июня 2018

Если вы react-navigation, то вам нужно установить параметры навигации следующим образом: 

  static navigationOptions = {
    header: null
  };
0 голосов
/ 15 мая 2019

В реакции-маршрутизатор-поток - это та же идея принятого ответа на маршрутах / навигаторах: 

<Scene
      key='dashboardContainer'
      component={(localProps) => <DashboardContainer {...props} {...localProps} />}
      hideNavBar
/>
0 голосов
/ 29 июня 2018

Я думаю, что вы используете StackNavigator.

если да, то изменить на: 

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