iOS 中平面列表滚动的问题

Question

我有一个 Flatlist，简单的 Flatlist。 iOS 中的滚动只有在我使用 3 个手指时才可以。 flatlist上的每个列表，都是一个touchableOpacity，按钮能有问题吗？ 我需要用一根手指制作卷轴；

   <FlatList
     data={options.options}
     keyExtractor={(item) => String((item as any).id)}
     showsHorizontalScrollIndicator={false}
     showsVerticalScrollIndicator={true}
     initialNumToRender={10}
     maxToRenderPerBatch={10}
     renderItem={ListItem}
   />

项目

function ListItem({ item }: { item: Item }) {
    return (
      <TouchableOpacity
        key={item.value}
        style={{
          height: 50,
          justifyContent: 'center',
          alignItems: 'center',
          borderBottomWidth: 1,
          borderColor: theme.palette.border,
        }}
        onPress={() => onItemSelected(item)}
      >
        <Orientation.Row
          style={{ justifyContent: 'center', gap: 8, width: 280 }}
        >
          {options.selected?.value === item.value && (
            <FontAwesome5 name="check" size={12} color={theme.palette.text} />
          )}
          <Typography.Default
            style={{
              fontSize: 18,
              fontFamily: theme.fonts.BOLD,
              textAlign: 'center',
            }}
          >
            {item.label}
          </Typography.Default>
        </Orientation.Row>
      </TouchableOpacity>
    );
  }

我需要用一根手指在列表中滚动，就像任何列表一样。但在 iOS（我测试过的所有）中，只能用 3 个手指进行滚动。哇哦。

Answer 1

一些可能有帮助的建议：

• 尝试在 Pressable

  中使用

  TouchableOpacity

   代替 

  ListItem

• 在

  renderItem

  上的

  FlatList

  选项上，尝试使用

   renderItem={({ item, index }) => (
           <ListItem item={item} />
   )}