ReactNative FlatList не полностью виден, когда перед ним отображаются другие компоненты

Question

У меня странная проблема с использованием React Native FlatList (такая же проблема появляется для sectionList и ListView)

Когда Flatlist является единственным компонентом на экране, он работает нормально.Но когда перед ним отображаются другие компоненты, например текстовый компонент, последние элементы списка не прокручиваются.

Пример кода здесь очень прост:

import React, { Component } from 'react';
import { Modal, Text, TouchableHighlight, View, Alert, FlatList } from 'react-native';

export default class ModalExample extends Component {
  data = [];

  constructor(props) {
    super(props);

    this.state = {};

    for(var i = 0; i < 200; i++)
    {
      this.data.push('test string' + i);
    }
  }

  render() {
    return (
      <View>
        <Text>This is a test</Text>
        <Text>This is a test</Text>
        <Text>This is a test</Text>
        <FlatList
          data={this.data}
          renderItem={({ item }) => <Text>{item}</Text>}
        />
      </View >
    );
  }
}

вы можете увидетьна изображении ниже, если я прокручиваю полностью, я вижу пункт 196, последние 3 элемента вообще не отображаются.Я попытался добавить flex: 1 к списку, но это привело к его полному исчезновению

Answer 1

Получилось сгибать: 1 - это ответ.спасибо @kit.хитрость заключалась в том, чтобы добавить его до app.js