TabNavigator охватывает содержимое - PullRequest
Новая
       48

TabNavigator охватывает содержимое

0 голосов
/ 21 сентября 2018

У меня есть этот компонент, который содержит список, который находится на нижней стороне 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>

1 Ответ

0 голосов
/ 22 сентября 2018

Вы можете скрыть навигатор по вкладкам для этой конкретной настройки экрана tabBarVisible как false в navigationOptions.Но я думаю, что проблема связана с заголовком, вы можете попробовать использовать реагирующую панель заголовка навигации .В противном случае вы можете добавить к контейнеру paddingBottom той же высоты, что и заголовок

...