react-native-flatlist

3열

2답변

FlatList 구성 요소 라이프 사이클 메서드 ScrollToIndex ScrollToEnd 등

FlatList component을 사용 중입니다. componentDidMount과 같은 수명주기 메서드 내에서 ScrollToIndex (또는 ScrollToEnd)을 사용하고 싶습니다. 나는 100 개의 항목을 말하며 첫 번째 항목에서 그러나 처음에는 렌더링을 시작하지 않으려 고합니다. 50 번째 항목에서 살펴 보겠습니다. FlatList은 한 번에

5열

2답변

안드로이드의 FlatList (React Native) 스크롤바 숨기기

내 앱에서 FlatList (React-native)를 사용하려고합니다. 가로로 사용하고 스크롤바를 볼 수 있습니다. ScrollView에는 스크롤바를 숨기고 FlatList에는 숨길 수있는 옵션이 있습니다. 누군가 그것을 다른 방법으로 숨길 수 있었습니까? 부모 컨테이너 & (Hide scroll bar, but still being able to scr

0열

2답변

React Native Flatlist 리플렉션 필터 없음

네이티브 초보자를 여기에서 대답하십시오. Flatlist의 실험 프로그램 디스플레이 값과 맨 위의 Select 헤더가 있습니다. Flastlist가 현재 배열 데이터를 표시하지 않는 드롭 다운에서 값을 선택하려고하면 Flatlist가 첫 번째로드에서 잘 표시됩니다. 왜 그것이로드되지 않는 아이디어? 나는이 아이디어를 고맙게 생각합니다. 도움이 필요하다고 생

1열

1답변

scrolllist 대신 flatlist를 사용합니다

나는 다음과 같은 코드를 작성했습니다. API에 연결하여 데이터를 가져올 수 있습니다. 스레드 목록이 너무 많아서 어떻게 Flatlist를 사용하여 코드를 리팩터링 할 수 있습니까? 감사 import React, { Component } from 'react'; import { ScrollView } from 'react-native'; import a

1열

1답변

동적 높이 콘텐츠가있는 Flatlist에서 scrollToBottom을 만드는 방법은 무엇입니까?

내 Flatlist의 내용에는 가변 높이가 있습니다. 방법 scrollToIndex, scrollToItem은 getItemLayout 소품이 필요합니다. 목록마다 백 개의 행이 있으므로 각각의 모든 콘텐츠를 측정하면 Flatlist의 성능이 저하 될 것입니다. 이 작업을 수행하는 간단한 방법이 있습니까?

2열

1답변

네이티브 SectionList 레이아웃에 일치하십시오.

다른 섹션 헤더로 여러 섹션을 렌더링하는 데 사용하고 있습니다. 내가 원하는 방식으로 표시하는 데 어려움을 겪고 있습니다. 상단과 하단에 표 머리글을 그리드로 표시하고 싶습니다. 이 코드 This is what I have right now : <SectionList contentContainerStyle={styles.sectionListCon

0열

1답변

FlatList 변경시 행 다시 렌더링

나는 한 동안이 작업을 수행하는 방법을 알아 내려고 노력했습니다. 가능한 한 높은 내 응용 프로그램 성능을 유지하기 위해 FlatList에 대한 데이터 배열을 변경했을 때 필자는 필요한 변경 사항 만 다시 표시하도록 노력하고 있습니다. 예를 들어, 다음과 같이 정의한다면 : this.state { data: [] } 및 플랫 목록 수있는 방법

13열

4답변

편평리스트를 다시 렌더링하는 방법은 무엇입니까?

ListView와 달리 this.state.datasource를 업데이트 할 수 있습니다. FlatList를 업데이트하거나 다시 렌더링 할 수있는 메서드 나 예제가 있습니까? 내 목표는 사용자 버튼을 누르면이 ... renderEntries({ item, index }) { return( <TouchableHighlight onPress=

3열

2답변

FlatList numColumns가 올바르게 작동하지 않는 것 같습니다.

FlatList를 사용하여 여러 사용자 아바타를 표 형식으로 표시하려고 시도하지만 매우 이상하게 보입니다. 수정 방법을 파악할 수 없습니다. <FlatList style={{flex: 1}} data={this.props.usersList} horizontal={false} numColumns={3} columnWrapperStyle={{ marg

8열

2답변

행이 가변적 인 경우 FlatList 스크롤 문제

각 행의 높이가 다를 수 있으며 (원격 서버의 텍스트와 0 개 이상의 이미지가 혼합되어있을 수 있음) FlatList을 사용하고 있습니다. 나는 계산할 수있는 각 행 (또는 이전 행)의 높이를 모르므로 getItemLayout을 사용할 수 없습니다. 제가 직면 한 문제는 목록의 끝에 스크롤 할 수 없다는 것입니다. (시도 할 때 행이 몇 개 뒤로 이동 함)