首页 > 解决方案 > 我的 NativeBase 结果的标题组件是空的并且不在顶部

问题描述

当我使用nativeBase 中的标头组件时 : 在此处输入图像描述

import React, { Component } from 'react';
import changeNavigationBarColor,{ showNavigationBar } from 'react-native-navigation-bar-color';
import { Container, Header, Left, Body, Right, Button, Icon, Title } from 'native-base';

import { main, discoverPage } from './../../assets/style'
import HeaderOfPage from './../../components/Header'


export default class Splash extends Component {
    componentDidMount() {
        setTimeout(() => {
            showNavigationBar()
        },200)
        changeNavigationBarColor('#1f2128', true)
    }
    
    render() {
        return (
            <Container style={[main.Container,{backgroundColor:'#1f2128'}]}>
                <Header>
                  <Left>
                    <Button transparent>
                      <Icon name='arrow-back' />
                    </Button>
                  </Left>
                  <Body>
                    <Title>Header</Title>
                  </Body>
                  <Right>
                    <Button transparent>
                      <Icon name='menu' />
                    </Button>
                  </Right>
                </Header>
            </Container>
        )
    }
}

我不知道为什么,也许是因为我使用changeNavigationBarColor 有人可以帮助我吗?

标签: javascriptreact-nativenative-base

解决方案


你在 main.Container 中给了 Flex 吗?这似乎是 Container 组件中样式的问题。


推荐阅读