Плоский список не отображает "Текстовые строки должны отображаться в текстовых компонентах"

Question

Я пытаюсь отобразить плоский список из 2 столбцов. Массив, который я использую, не имеет идентификаторов, только строковые компоненты. Я получаю сообщение об ошибке "текстовые строки должны отображаться в текстовых компонентах"

  state = {
    groups: [],
  };
  constructor(props) {
    super(props);
    this.userId = firebase.auth().currentUser.uid;
    this.matches = firestore()
      .collection("users")
      .doc(this.userId)
      .onSnapshot((doc) => {
        this.setState({
          groups: doc.data().matches,
        });
      });
  }
  render() {
    return (
      <View style={styles.container}>
        <FlatList
          contentContainerStyle={styles.list}
          data={this.state.groups}
          keyExtractor={(item, index) => item.id}
          renderItem={({ item }) => (
              <View style={styles.item}>
                <Text style={styles.title}>{}</Text>
                <Image />
              </View>
          )}
        />
        );
        <StatusBar style="auto" />
      </View>
    );
  }
}

Answer 1

Вы должны удалить два символа ); перед<StatusBar style="auto" />

Answer 2

Эта ошибка возникает при использовании <View> компонент более одного раза, как этот

render(){
    return(
      <View>
       <Text>Testing purpose</Text>
      </View

      <View>
       <Text>Testing purpose Again</Text> 
      </View>
     )}

Или когда вы забыли закрыть какой-либо компонент, используя '/', например</View>