Check the render method of 'BoardScreen'

[David278705]

trafficstars

Hello, I have an error on the BoardScreen screen which gives me this error: 'Check the render method of' BoardScreen ''

import React, { Component } from 'react'; import { StyleSheet, ScrollView, ActivityIndicator, View, Text } from 'react-native'; import { List, ListItem, Button, Icon } from 'react-native-elements'; import firebase from '../Firebase';

class BoardScreen extends Component { static navigationOptions = ({ navigation }) => { return { title: 'Board List', headerRight: ( <Button buttonStyle={{ padding: 0, backgroundColor: 'transparent' }} icon={{ name: 'add-circle', style: { marginRight: 0, fontSize: 28 } }} onPress={() => { navigation.push('AddBoard') }} /> ), }; }; constructor() { super(); this.ref = firebase.firestore().collection('boards'); this.unsubscribe = null; this.state = { isLoading: true, boards: [] }; } componentDidMount() { this.unsubscribe = this.ref.onSnapshot(this.onCollectionUpdate); } onCollectionUpdate = (querySnapshot) => { const boards = []; querySnapshot.forEach((doc) => { const { title, description, author } = doc.data(); boards.push({ key: doc.id, doc, // Documentos title, description, author, }); }); this.setState({ boards, isLoading: false, }); } render() { if(this.state.isLoading){ return( <View style={styles.activity}> <ActivityIndicator size="large" color="#0000ff"/> </View> ) } return ( <View style={styles.container}> <List> { this.state.boards.map((item, i) => ( <ListItem key={i} title={item.title} leftIcon={{name: 'book', type: 'font-awesome'}} onPress={() => { this.props.navigation.navigate('BoardDetails', { boardkey: ${JSON.stringify(item.key)}, }); }} /> )) } </List> </View> ); } }

const styles = StyleSheet.create({ container: { flex: 1, paddingBottom: 22 }, item: { padding: 10, fontSize: 18, height: 44, }, activity: { position: 'absolute', left: 0, right: 0, top: 0, bottom: 0, alignItems: 'center', justifyContent: 'center' } })

export default BoardScreen;