无法在 ScrollView 内滚动原生 FlatList

Question

我为我的组件使用本机基础，所以情况是我有 DropdownBox/Select 然后我有 FlatList 但我希望 FlatList 滚动跟随父滚动视图滚动，所以如果我滚动 FlatList 然后 DropdownBox 随着列表滚动而移动但是我的列表甚至不会滚动我不知道为什么

 <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

我不确定你的问题，也许你能提供一个视频细节，

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

Answer 2

不建议在ScrollView中使用Flatlist 。 请改用ListHeaderComponent 。

<FlatList
  mt={"4"}
  showsVerticalScrollIndicator={false}
  data={data}
  ListHeaderComponent={<SelectBox />}
  style={{height: 300}}
  keyExtractor={(item, index) => index}
  numColumns={2}
  renderItem={(data, index) => {
    return <PortfolioCard />;
  }}
/>