Описание тега react-native-flatlist
Плоские списки - это компонент для рендеринга базовых списков в React Native.
1
ответ
Правильный подход к добавлению в FlatList
Поиск правильного или лучшего способа добавления элемента в плоский список мой первый подход состоял в том, чтобы просто добавить элемент в состояние.. поэтому я попробовал это: var NewObject = {}; NewObject.Name = "New Object"; this.setState({ Data…
15 фев '18 в 22:19
3
ответа
Плоский список рендеринга данных из json api как 3 элемента в строке
Привет всем, я получаю данные из json api, и я использую плоский список для отображения элементов. я использую numColumns свойство для отображения 3 элементов в строке, но давайте предположим, что у меня есть 7 или 8 элементов, у меня проблемы с рен…
22 авг '18 в 10:12
1
ответ
Реагировать на нативную реализацию данных JSON в ListView
У меня проблема с реализацией данных API в ListView. Я получил JSON, используя Axios. export function fetchRateService() { return function(dispatch) { axios.get(RATE_URL) .then(response => { dispatch({ type: FETCH_RATE_SERVICE, payload: response.…
28 июл '17 в 18:00
2
ответа
Как я могу чередовать цвета в плоский список (React Native)
Пытаясь чередовать цвета в React Natives Flatlist, Я считаю, что мне нужен rowID или что-то подобное, чтобы сделать это. Вот что у меня так далеко: let colors = ['#123456', '#654321', '#fdecba', '#abcdef']; <View > <FlatList style={{backgro…
04 апр '18 в 07:57
1
ответ
Добавление новых элементов в ListView без отображения всего списка - React Native/ React js
В реактивном FlatListview я хотел добавить новый элемент в список. <FlatList data={[{key: 'a'}, {key: 'b'}]} renderItem={({item}) => <Text>{item.key}</Text>} /> data приходит из API в добавление ключа a и б т.е. data = [{key: 'a…
16 дек '17 в 08:47
2
ответа
Реагировать на родную ссылку в элементах Flatlist. Возврат только за последний товар
Я создаю список сворачиваемых объектов, используя компонент реагирования с собственным плоским списком. Я использую атрибут ref, чтобы получить элемент нажал. Но когда я пытаюсь получить доступ к ссылке из события щелчка, это не влияет на элемент, н…
15 июн '18 в 15:09
1
ответ
Keyboardavoidingview только перемещает последнего ребенка
Мне действительно тяжело заставить KeyboardAvoidingView работать должным образом. Я хочу обернуть его вокруг FlatList комментариев и TextInput, чтобы добавить новый комментарий. Когда клавиатура активна, оба элемента должны быть перемещены вверх. Ес…
06 окт '17 в 15:55
2
ответа
Как правильно обновлять большие состояния в React Native?
Я пишу небольшое приложение ReactNative, которое позволяет пользователям приглашать людей на мероприятия. Дизайн включает в себя список приглашенных, каждый из которых сопровождается флажком, используемым для приглашения / удаления приглашенного. Ещ…
23 ноя '17 в 11:14
1
ответ
Как показать заголовок при прокрутке вверх и скрыть заголовок при прокрутке вниз на FlatList
Теперь я хочу создать, точно так же, как приложение Facebook, панель, отображаемую над моим tabNavigator. Эти вкладки скрываются при прокрутке вниз и отображаются при прокрутке вверх. И теперь я использую FlatList, но у компонента FlatList есть опци…
22 дек '18 в 03:03
0
ответов
React Native keyboardingAvoidingView выталкивает текстовый ввод из поля зрения
С помощью <KeyboardAvoidingView> с behavior="position" вытолкнет textInputs из поля зрения, если они уже в верхней части экрана. Компонент keyboardAvoidingView работает с компонентом scrollView в этой "закуске", которая должна быть очень прост…
30 апр '18 в 06:58
1
ответ
React Native - модал отображается на другом экране FlatList
У меня возникли проблемы с модальным, потому что у меня есть некоторые на "экране Datails" с Flatlist, и он работает нормально, на самом деле. Но дело в том, что перед тем, как перейти к моему "Экрану данных", пользователь сначала увидит "Экран кате…
17 май '18 в 11:06
1
ответ
Существуют ли примеры "загрузки прокрутки" с помощью FlatList?
В документации ReactNative упоминается, что FlatList имеет функцию "Загрузка прокрутки" на этой странице: https://facebook.github.io/react-native/docs/flatlist.html Кто-нибудь знает примеры этой функции?
05 июл '17 в 15:15
1
ответ
Могу ли я использовать компонент в ItemSeparatorComponent в плоском списке?
Я думал о том, как использовать ItemSeparatorComponent в плоский список Это работает, если я использую: import Seperator from '../Seperator'; <FlatList ItemSeparatorComponent={() => <Seperator />} data={this.props.x} renderItem={({ item …
27 фев '19 в 09:07
1
ответ
Проблема с производительностью flatList в реакции на натив
Я пробовал flatlist, но у него есть проблемы с производительностью в Android. Когда я прокручиваю вниз, он загружает список. Но потом он показывает пустым при прокрутке вверх. Достигнув конца экрана, он на некоторое время останавливается, а затем за…
28 май '17 в 18:51
2
ответа
Прокрутка FlatList после добавления нового элемента
Я использую компонент FlatList ReactNative, и он работает отлично. Теперь я хочу прокрутить его вниз, когда пользователь вводит новый элемент / комментарий. <FlatList style={styles.commentList} data={commentList} keyExtractor={(item, index) =>…
31 окт '17 в 09:47
1
ответ
Создание горизонтальной прокрутки с динамическими данными из API
У меня есть горизонтальное представление прокрутки с несколькими представлениями внутри, данные внутри представлений извлекаются из вызова API, поэтому я не знаю, сколько представлений у меня будет в представлении прокрутки, есть ли лучший способ ре…
05 дек '18 в 19:43
1
ответ
Реагировать на собственный плоский список scrollToEnd после добавления нового элемента
Мне нужно прокрутить до конца FlatList после добавления нового элемента списка (например, чата). Поэтому я меняю состояние новым сообщением и затем использую: this.setState({messages}); this.messagesList.scrollToEnd({animated: true}); Это работает т…
03 янв '19 в 12:28
2
ответа
FlatList не рендеринг
Я сделал простой FlatList, чтобы получить список ставок. Пока работает обновление для обновления, он не переопределяет FlatList. Затем я узнал о реквизитах extraData, но передача его this.state.refreshing или даже this.state не запускает повторную в…
14 янв '19 в 14:09
2
ответа
Реагировать на родные слова и сделать его кликабельным
Я занимаюсь разработкой приложения с естественной реакцией, в котором я должен выделить #tagged word в пункте и сделайте это слово кликабельным. я использовал react-native-highlight-words библиотека, и она работает нормально, кроме события щелчка. Я…
31 янв '19 в 13:01
1
ответ
Добавление заголовков в FlatList
У меня есть некоторые данные, как это: data = [ {name: 'Christmans', date: '.....'}, {name: 'Easter', date: '.....'}, {name: 'Kwanza', date: '.....'} ... Я хотел отобразить данные с липким заголовком, как это: ----- [Предстоящие]------------- Липкий…
28 фев '19 в 04:03