Skip to content

tabs 组件 android真机上关闭app重新打开后 高度自适应问题 #1296

@hwcncd

Description

@hwcncd

Reproduction link

Edit on CodeSandbox

Steps to reproduce

android真机调试,关闭app后重新打开,底部有绿色横条

What is expected?

黑色view铺满

What is actually happening?

底部有绿色横条

Environment Info
antd 0.1.0
React 18.1.0,0.70.7
System android-13
Browser miui14.0.3

使用了@react-navigation/bottom-tabs 底部导航,在初始页打开之后底部导航占用过高高度,自适应调整后恢复正常,tabs的高度会刷新,但是里面的view高度少了一截

import React from 'react';
import {View, StyleSheet, Text} from 'react-native';
import {Tabs} from '@ant-design/react-native';
export default class ApprovalPendingListScreen extends React.Component {
constructor(props) {
super(props);
this.state = {
tabs: [{title: '已发起'}, {title: '待处理'}, {title: '已处理'}],
};
}
render() {
const {tabs} = this.state;
return (



Content of First Tab


Content of Second Tab


Content of Third Tab



);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: 'green'
},
tab:{
flex: 1,
backgroundColor: 'black'

},
});

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions