React Native FlatList在Web端无法滚动，但Android和iOS端正常的问题求助

大家好，我最近碰到个闹心的问题：用React Native写的FlatList在Android和iOS设备上滚动都很正常，但到了Web端（不管是Safari还是Chrome浏览器）完全没法滚动。我写了一段测试代码来复现这个问题，麻烦各位帮忙看看哪里出问题了😭

以下是测试代码：

import React from 'react'; 
import { StyleSheet, View, Text, FlatList, SafeAreaView } from 'react-native';  

const DebugScrollScreen = () => {  
  const dummyData = Array.from({ length: 50 }, (_, i) => ({ id: String(i), text: `Item ${i + 1}` }));  

  const renderItem = ({ item }) => (
    <View style={styles.item}>
      <Text style={styles.itemText}>{item.text}</Text>
    </View>
  );

  return (
    <SafeAreaView style={styles.container}>
      <FlatList
        data={dummyData}
        keyExtractor={(item) => item.id}
        renderItem={renderItem}
      />
    </SafeAreaView>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    width: '100%',
  },
  item: {
    padding: 16,
    borderBottomWidth: 1,
    borderBottomColor: '#eee',
  },
  itemText: {
    fontSize: 16,
  },
});

export default DebugScrollScreen;

我已经确认了dummy数据是正常生成的，renderItem也能正确渲染每一项，移动端完全没问题，但Web端就是拖不动列表。有没有朋友遇到过类似的情况？或者能给点排查方向的建议？

内容来源于stack exchange