react-native-flatlist

3熱度

2回答

FlatList組件生命週期方法ScrollToIndex ScrollToEnd等

我使用新的FlatList component並希望在生命週期方法（如componentDidMount）中使用ScrollToIndex（或ScrollToEnd）。我有一個讓我們說100個項目的數組，我不想開始渲染第一個項目，但在開始。讓我們說在第50項。當FlatList僅一次顯示一個項目，它的工作根據需要與一些黑客如下所述：https://github.com/facebook/reac

5熱度

2回答

隱藏滾動條在FlatList（React Native）中Android

我想在我的應用程序中使用FlatList（React-native）。我正在水平使用它並可以看到滾動條。在ScrollView中有一個選項來隱藏滾動條，但不在FlatList中。有沒有人能夠以其他方式隱藏它。我嘗試使用子容器（Hide scroll bar, but still being able to scroll）的父代&的解決方案，但沒有奏效。 import React, { Compon

2熱度

1回答

flatList在反應本機的性能問題

我試過flatlist，但它在android中有一些性能問題。向下滾動時，它會加載列表。但之後，向上滾動時顯示空白。到達屏幕末端後，它停一會兒然後加載數據。爲什麼不在底部顯示加載器（活動指示器）？爲什麼onEndReached和onEndReachedThreshold不起作用？ PLZ看看視頻here https://youtu.be/5tkkEAUEAHM 我的代碼： import Rea

1熱度

2回答

反應本機mobx綁定到FlatList不起作用

我有一個RN（0.44.2）mobx（3.1.10）應用程序使用FlatList。我基本上採取https://blog.callstack.io/write-react-native-apps-in-2017-style-with-mobx-e2dffc209fcb 當使用我自己的商店，反對的例子，我有使用toJS()，以獲得FlastList呈現 // renders list <Fl

0熱度

1回答

反應本機導航更新數據

我正在構建一個應用程序，我正在使用Redux和React-Navigation庫。我有鍛鍊的列表中FlatList： <FlatList style={{ backgroundColor: colors.background }} data={this.props.workoutsList} renderItem={({ item }) => <ListI

2熱度

1回答

React native SectionList佈局

我正在使用不同節標題呈現多個部分。我有些麻煩要以我想要的方式顯示它。我希望將我的標題放置在頂部和底部，作爲網格的部分項目。 This is what I have right now 有了這個代碼： <SectionList contentContainerStyle={styles.sectionListContainer} renderItem={this.rende

9熱度

1回答

陣營母語：獲取FlatList當前頁面使用pagingEnabled

時，我有一個FlastList，看起來像這樣： <FlatList pagingEnabled={true} horizontal={true} showsHorizontalScrollIndicator={false} data={[ {key:"A"}, {key:"B"} ]} renderItem={ ({item, index}) =>

13熱度

4回答

如何重新呈現flatlist？

與ListView不同，我們可以更新this.state.datasource。有沒有更新FlatList或重新渲染它的方法或示例？我的目標是更新在用戶按下按鈕... renderEntries({ item, index }) { return( <TouchableHighlight onPress={()=> this.setState({value: this.sta

25熱度

2回答

陣營的列原住民FlatList，

我使用FlatList顯示項目的兩列 <FlatList style={{margin:5}} data={this.state.items} numColumns={2} keyExtractor={(item, index) => item.id } renderItem={(item) => <Card image={item.item.gallery

3熱度

2回答

FlatList numColumns看起來不能正常工作？

我正在嘗試使用FlatList向網格格式的某個人顯示一堆用戶頭像，但最終看起來很奇怪，我似乎無法弄清楚如何解決此問題。 Here's what it looks like 這裏是我的FlatList代碼如下所示： <FlatList style={{flex: 1}} data={this.props.usersList} horizontal={false} numColumns={3}