react-native-flatlist

1熱度

2回答

我有如下的API響應一個JSON： centres = [{ id: 1, name: "DEF", },{ id: 2, name: "ABC", }] 現在我要填充在FlatList 上述數據 return( <View> <FlatList data={this.state.centres}

0熱度

1回答

React Native的FlatList是否允許您定位滾動條？

我目前在項目中實現了FlatList，並且我需要將滾動條向下移動，以便它不會在FlatList中的某些項目上運行，或者我可以完全刪除滾動條。我很好奇滾動條的定位是否可行。我假設我可以在FlatList中將showsHorizontalScrollIndicator的屬性設置爲false，如果我想擺脫它的話。我試圖調整容器的填充和邊距，看看是否會推動滾動條，但它不。在此先感謝！

1熱度

1回答

React Native FlatList onPress for child

我正嘗試爲嵌套在React Native FlatList中的圖像建立一個按下處理程序。我已經驗證該函數是通過道具傳遞的，通過直接在組件內調用函數並且工作正常。以下是一個簡化的測試案例。我也嘗試在圖像上設置onPress，結果相同。 const PostList = ({posts, onActLike, currentUser}) => { return ( <FlatList

1熱度

1回答

使用FlatList＃onViewableItemsChanged調用組件函數

我目前正在嘗試使用FlatList組件實現一種LazyLoading形式，該組件引入了一個名爲onViewableItemsChanged的整潔小功能，該功能爲您提供了不再是所有組件的列表在屏幕上以及現在在屏幕上的項目。這是一個自定義的LazyLoad實現，因此比大多數可用的LazyLoad開源庫更復雜，這就是爲什麼我正在處理自己的實現。我已經看過react-native-lazy-load和其

1熱度

3回答

FlatListFooter無法顯示

我想頁腳添加到我的flatList：我試試這個代碼： renderFooter =() => { return ( <View style={{ paddingVertical: 20, borderTopWidth: 1, borderColor: "#CED0CE" }} >

0熱度

1回答

如何設置位置的項目到右FatList

我想顯示從右FlatList項目到左是這樣的：我不覺得這樣的事情的文檔。請幫忙嗎？

2熱度

1回答

如何從FlatList中選擇項目？

我想選擇使用FlatList的項目，比如當您在您的照片Galery上選擇多張照片時（在這種情況下，我使用了2行的平板列表，如2x10的網格）。我想使用onLongPress選擇（例如）3個項目。就像這樣，但有2行。

3熱度

1回答

React FlatList renderItem

我在JS中見過這種語法，我只是好奇它是如何工作的。在FlatList的React Native Docs中，一個示例調用renderItem。 this._renderItem如何知道它正在使用哪個單獨的列表項？它看起來像項目正在解體，但從什麼對象？換句話說：在Flatlist，另一種方式，使這個相同的調用可能是： <FlatList <other props> renderItem={({it

0熱度

2回答

React Native Flatlist - 每個孩子都必須擁有「鑰匙」道具

我有幾個簡單的FlatLists，每個顯示部門和商店的自定義列表項。我得到的錯誤是每個孩子都應該有一個獨特的「鑰匙」道具，但我已經定義了keyExtractor以及試圖將key道具添加到自定義列表行組件。即 <FlatList style={_styles.list} data={this.props.divisions} extraData={this.state.

1熱度

1回答

如何使React Native列表僅從底部反彈？

我正在使用一個FlatList和隨後的ListHeaderComponent作爲我的屏幕的根組件。我不希望它的頂部在滾動上反彈，但我想保持底部反彈爲UX'n'feel目的，因爲FlatList支持無限滾動。任何想法如何？