React.Native：平面列表未显示

Question

我试图返回两个东西，一个单独的 Mission 组件和一个 flat list。当我运行我的模拟器时，我可以获得 Mission 组件的返回值，而不是 flat list 的返回值。没有错误，所以我对如何解决这个问题有点迷茫。我什至仔细检查了我的进口。代码如下：

import React, { Component } from "react";
import { ScrollView, Text, FlatList } from 'react-native';
import Mission from './Mission';
import PARTNERS from '../shared/partners';
import { ListItem } from 'react-native-elements';

class About extends Component {

  constructor(props) {
    super(props);
    this.state = {
      partners: PARTNERS,
    }
  };

  static navigationOptions = {
    title: 'About Us'
  }

  render() {
    const { navigate } = this.props.navigation;
    const renderPartner = ({ item }) => {
      return (
        <ListItem
          title={item.name}
          subtitle={item.description}
          leftAvatar={{ source: require('./images/bootstrap-logo.png') }}
        />
      );
    };

    return (
    <ScrollView>
        <Mission />
        <FlatList
          data={this.state.partners}
          renderItem={renderPartner}
          keyExtractor={item => item.id.toString()}
      />
    </ScrollView >
    );
  }
}


export default About;