Fer*_*ros 3 react-native native-base
因为图像可以显示它,我的应用程序在我的页脚顶部和我的标题的底部显示一行.它在Native Base中似乎很常见.我已经检查了本机主题但我找不到一些来修复此错误.
码:
import React, { Component } from 'react';
import { Container, Content, Footer, FooterTab, Button, Icon, Text, Header, Title, Left, Right, Body, } from 'native-base';
export default class FooterTabsExample extends Component {
render() {
return (
<Container>
<Header>
<Left>
<Button transparent>
<Icon name='arrow-back' />
</Button>
</Left>
<Body>
<Title>Header</Title>
</Body>
<Right>
<Button transparent>
<Icon name='menu' />
</Button>
</Right>
</Header>
<Content style={{backgroundColor:'black'}}/>
<Footer >
<FooterTab>
<Button>
<Icon name="apps" />
<Text>Apps</Text>
</Button>
<Button>
<Icon name="camera" />
<Text>Camera</Text>
</Button>
<Button active>
<Icon active name="navigate" />
<Text>Navigate</Text>
</Button>
<Button>
<Icon name="person" />
<Text>Contact</Text>
</Button>
</FooterTab>
</Footer>
</Container>
);
}
}
Run Code Online (Sandbox Code Playgroud)
max*_*23_ 12
只需覆盖borderBottomWidthfor Header和borderTopWidthfor Footer:
<Header style={{borderBottomWidth: 0}}>
...
</Header>
...
<Footer style={{borderTopWidth: 0}}>
...
</Footer>
Run Code Online (Sandbox Code Playgroud)
小智 5
<Header style={{borderBottomWidth: 0, shadowOffset: {height: 0, width: 0},
shadowOpacity: 0, elevation: 0}}>
Run Code Online (Sandbox Code Playgroud)
这对我有用。如果您使用的是 Android,则必须添加海拔:0。
| 归档时间: |
|
| 查看次数: |
4215 次 |
| 最近记录: |