FlatList 不呈现（它不显示在屏幕上）

Question

我有一个组件可以从 firebase 获取一些数据，将其存储在一个数组中 "CompanyOffers" 并且应该通过 FlatList 显示它。 FlatList 和其他组件都在 ScrollView 中。 FlatList 之上的所有内容都被渲染并显示在屏幕上，除了 FlatList 本身。怎么了？？

class CompanyDetails extends Component {
  constructor(props) {
    super(props);
    ...
    this.state = {
        loading: true,
        CompanyOffers: [],
    };
  }

...

  render() {
    return (
      <ScrollView>
          <View>
            <View>
              <View>
                <Image
                  source={{ uri: this.props.logo }}
                />
              </View>
              <View>
                <Text>{this.props.companyName}</Text>
                <Text>{this.props.description}</Text>
              </View>
            </View>
          </View>

          <FlatList
            data={this.state.CompanyDetails}
            renderItem={({ item }) => <Text>hello</Text> }
          />

      </ScrollView>
    );
  }
}

export default CompanyDetails;

注意：我有组件的样式，但为了问题删除了它们。

Answer 1

我猜你的数组是CompanyOffers检查一次

    <FlatList
            data={this.state.CompanyOffers}
            renderItem={({ item }) => <Text>hello</Text> }
   />

FlatList 不呈现（它不显示在屏幕上）

FlatList does not render (it does not display on screen)

reactjs

firebase

react-native