最后一次FlatList内容仅显示项目的10%

Question

这里我在滚动视图中使用平面列表网格，问题是网格的最后一行没有显示全部高度的内容，我不知道问题在哪里。

注意:我使用本机基组件。

​

​

 const [data, setData] = useState([
    { id: 1, title: "DA’s Backyard" },
    { id: 2, title: "KC’s Backyard" },
    { id: 3, title: "LA’s Backyard" },
    { id: 4, title: "KP’s Backyard" },
    { id: 5, title: "LA’s Backyard" },
    { id: 6, title: "KP’s Backyard" },
  ]);

 <ScrollView
  showsVerticalScrollIndicator={false}
  contentContainerStyle={{ width: "100%", alignItems: "center" }}
>
  <Stack flexWrap={"wrap"} justifyContent="center">
    <SelectBox />
    <FlatList
      mt={"4"}
      showsVerticalScrollIndicator={false}
      data={data}
      keyExtractor={(item, index) => index}
      numColumns={2}
      renderItem={(data, index) => {
        return <PortfolioCard />;
      }}
    />
  </Stack>
</ScrollView>

Answer 1

请把这个加到单子上

<FlatList
      mt={"4"}
      showsVerticalScrollIndicator={false}
      data={data}
      keyExtractor={(item, index) => index}
      numColumns={2}
      renderItem={(data, index) => {
        return <PortfolioCard />;
      }}
     contentContainerStyle={{paddingBottom:50}} // add this
    />