React Native - FlatList не может достичь дна

В настоящее время вы можете использовать функцию блока lodash для разбиения массива на меньшие массивы https://lodash.com/docs#chunk Не нужно больше болтаться с петлями!

3
задан IamOptimus 9 March 2019 в 23:18
поделиться

1 ответ

Я был в похожей ситуации. У меня была нижняя Плавающая кнопка Действия в правом нижнем углу, немного скрывая последний элемент.

Итак, я добавил поддельный пустой элемент в конец списка , чтобы я мог прокрутить его немного больше.

Это просто и сложно. Я надеюсь, что это сработает и для вас, если вы добавите несколько пустых итентов или один достаточно широкий пустой элемент.

РЕДАКТИРОВАТЬ 1:

Предположим, что ваш массив данных выглядит примерно так: [{title: "Item 1"}, {title: "Item 2"}]

Вы должны добавить новый пустой элемент в данные массив, передавая его в <FlatList>, например:

<FlatList
   keyboardShouldPersistTaps="handled"
   data={this.state.examples.concat({title:"\n\n\n\n\n"})}
   keyExtractor={(item, index) => index.toString()}
   renderItem={this._renderItem}
   contentContainerStyle={{ flex: 1}}/>

Регулируйте количество «\ n», пока вы не сможете прокрутить список, чтобы быть видимым. Там должно быть минимальное количество. И убедитесь, что ваш _renderItem не установил высоту элемента на фиксированное значение.

0
ответ дан diogenesgg 9 March 2019 в 23:18
поделиться
Другие вопросы по тегам:

Похожие вопросы: