当我使用来自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有人能帮我吗？
你主要给Flex了吗。容器这似乎是Container组件中样式的问题。
在Native Base+3版本中，不赞成使用Header组件。如果你搜索官方文档。您可以找到以下信息：
在v3中，我们删除了Header，因为它可以使用HStack轻松构建。你可以在这里查看它的食谱。