reactjs - 在使用 react-native-snap-carousel 时根据内容大小设置 itemHeight（用于垂直轮播）？

Question

我正在尝试使用 react-native-snap-carousel 实现垂直轮播。我想要实现的是一个垂直轮播，其轮播高度根据内容而异。根据 react-native-snap-carousel itemHeight 和 sliderHeight 的文档是垂直转盘时需要。那么有没有我可以根据内容大小实现 itemHeight 的？

Answer 1

据我了解，您想获取内容的视图高度并将其提供给轮播项目。您可以使用它们的 refs 获取项目的位置和大小属性。

首先，从 react 中导入 useRef。

import { useRef } from 'react';

之后，创建一个 ref 值。

const contentRef = useRef(null);

<View ref={contentRef}> .... </View>

之后，您可以通过以下方式获取它的属性

contentRef.nativeEvent.measureInWindow((x, y, width, height) => {
 // You can do whatever you want with this data
})