Question

我有一个组件从firebase获取一些数据，将其存储在一个数组中＆＃34; CompanyOffers＆＃34;并应通过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不呈现（它不会显示在屏幕上）

1 个答案: