reactjs - TabNavigator 涵盖内容
问题描述
我有这个组件,其中包含一个列表,该列表由 TabNavigator 覆盖在底部。任何想法如何解决它?只有造型方式吗?
render() {
return (
<Container style={{ paddingBottom: 5 }}>
<Header
backgroundColor={'#1E6EC7'}
placement="left"
leftComponent={{ icon: 'menu', color: '#fff' }}
centerComponent={{ text: 'Programul Zilei', style: { color: '#fff', fontWeight: 'bold', fontSize: 22 } }}
rightComponent={<Icon name="ios-add" style={{ color: 'white' }} onPress={() => {
const {students}=this.props;
this.props.navigation.navigate('AddClass', {students})}} />}
/>
<List>
<FlatList
data={this.props.classes}
keyExtractor={(item, index) => `${index}`}
extraData={this.state}
renderItem={({ item }) => {
<ListItem
leftIcon={<View style={{ flexDirection: 'row' }}><Icon1 name="times" size={24} style={{ paddingRight: 10, color: 'red' }} onPress={() => {
this.setState({ currentStudent: wantedEmployee })
this.setState({ currentClass: item })
this.props.classDeleteModalShowUp();
}} />
}
/>
</List>
</Container>
解决方案
推荐阅读
- html - 为什么在 url 正确时找不到我的 svg 图片?
- python-3.x - 没有名为“pyautogui”的模块
- java - 我可以在方法 java 类中使用用户输入吗?
- botframework - 无法在 botbnt 框架作曲家中使用先前定义的属性设置属性
- linux - Linux 内核 v.5。linux/wait.h WAIT_QUEUE_HEAD
- php - 如何使用 foreach 循环创建多维数组
- laravel - 带有 SASS 的 Tailwindcss 2.0 - 使用高级选择器
- sql - SQLite:测试学生是否跳过了一个学年
- php - PHP通过键值访问数组项
- microsoft-graph-api - Microsoft Graph 的问题 - DriveItem 添加权限