why.js

//Home.js

<Tab heading="TAREFAS"
     tabStyle={{ backgroundColor: BLUE }}
     textStyle={{ color: WHITE }}
     activeTabStyle={{ backgroundColor: BLUE }}
     activeTextStyle={{ color: WHITE, fontWeight: '900' }}
>
  <TaskList navigate={this.props.navigation.navigate} />
</Tab>
  
  //TaskList.js
  render() {
  return (
            <View>
                <FlatList
                    style={{ marginTop: 10 }}
                    data={this.props.taskList}
                    keyExtractor={item => item.uid}
                    renderItem={({ item }) => (
                        <Task item={item} navigate={this.props.navigate} />
                    )}
                    refreshing={this.props.refreshing}
                    onRefresh={() => this.sync(this.props.taskList, this.props.user.uid)}
                />
            </View>
        );
  }