javascript - 我的 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 有人可以帮助我吗?
解决方案
你在 main.Container 中给了 Flex 吗?这似乎是 Container 组件中样式的问题。
推荐阅读
- python - 在python的同一行内分配多个变量
- java - sql 错误或缺少数据库(未找到此类表)(来自 Java 的 SQlite 数据库连接)
- c++ - ActiveX 替换选项
- javascript - 如何在没有输入的情况下测试 JS 函数(使用 Jest)
- jenkins - 詹金斯:如何自动删除詹金斯从节点中的工作区
- helix - 在 Helix 实例上注册 MessageListener 和 MessaheHandlerFactory 时如何解决 Helix 不一致的行为?
- rabbitmq - 你如何处理 Rabbitmq 死信队列?
- python - 使用 Numpy Array Python 将新列添加到现有数据框
- regex - 正则表达式查找不包含字符串的行组合
- python - 如何解决 django 中的 getattr() 错误?