在最后創建一個帶有按鈕的平面列表的最佳方法是什么？ 用 firebase 反應原生

Question

幾乎只是想知道創造這種性質的東西的最佳方式：

這是 firebase，請注意圖像是在 figma 中創建的，所以這個 firebase 不是創建它的原因。 主要問題是如何使按鈕位於平面列表的最后位置？

Answer 1

使用要添加到 Flatlist 末尾的按鈕創建一個單獨的組件。

然后在 Flatlist 的 'ListFooterComponent' prop 中調用這個組件。

這樣，在平面列表的末尾，您總會找到所需的按鈕。

下面是一個例子：

<FlatList
    data={data}
    renderItem={({ item }) => <ListItemComponent />
    ListFooterComponent={() => <ButtonComponent />} // Add the button component here!
/>

flatlist 的“ListFooterComponent”道具中的按鈕組件包含您想要的位於 flatList 末尾的按鈕。

來自 ReactNative FlatList 文檔：

列表頁腳組件

呈現在所有項目的底部。 可以是 React 組件類、渲染函數或渲染元素。

有關詳細信息，你可以檢查出的ReactNative文檔Flatlist