Перейти к основному содержимому

FlatList - список

React Native предоставляет набор компонентов для представления списков данных. Как правило, вам нужно использовать либо FlatList, либо SectionList.

Компонент FlatList отображает прокручиваемый список изменяющихся, но схожих по структуре данных. Он хорошо работает с длинными списками данных, количество элементов которых может со временем меняться. В отличие от более общего ScrollView, FlatList отображает только те элементы, которые в данный момент отображаются на экране, а не все элементы сразу.

Компоненту FlatList требуются два свойства: data и renderItem.

  • data - источник информации для списка.

  • renderItem берет один элемент из источника и возвращает отформатированный компонент для рендеринга.

В этом примере создается базовый FlatList жестко закодированных данных. Каждый элемент в реквизитах данных отображается как текстовый компонент. Затем компонент FlatListBasics отображает FlatList и все текстовые компоненты.

Подробнее о компоненте FlatList

Проблемы?#

Problem

Пишите в Discord или телеграмм чат, а также подписывайтесь на наши новости

JavaScript Camp

Вопросы#

Компонент FlatList отображает прокручиваемый список изменяющихся, но схожих по структуре данных?

  1. true
  2. false

Как называется свойство FlatList, являющееся источником информации для списка?

  1. list
  2. data
  3. renderItem

Как называется свойство FlatList, которое берет один элемент из источника и возвращает отформатированный компонент для рендеринга?

  1. list
  2. data
  3. renderItem

Done ✅#

Чтобы узнать, насколько хорошо вы усвоили этот урок, пройдите тест в мобильном приложении нашей школы по этой теме или в боте Telegram.

Sumerian school

Ссылки:#

  1. React Native

Become a Patron!