Отобразить нижний колонтитул FlatList внизу списка, даже если содержимого недостаточно

Question

Я хочу отобразить нижний колонтитул FlatList внизу страницы, даже если недостаточно содержимого для заполнения всего экрана.

Answer 1

Чтобы сделать это, вам нужно взглянуть на реактивные источники. Здесь есть код, который показывает добавление нижнего колонтитула внутри. Как вы можете видеть, он добавляется в View, который можно стилизовать с помощью ListFooterComponentStyle prop. Это почему-то не описано в документации.

Итак, вот решение:

 <FlatList
      data={someData}
      keyExtractor={item => item.id}
      ListFooterComponentStyle={{flex:1, justifyContent: 'flex-end'}}
      ListFooterComponent={<Footer/>}
 ...
 />