ScrollView错误，即使它有一个子级

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

const App = () => {
  return (
    <ScrollView style={styles.container}>
      <View style={styles.content}>
        <Text style={styles.text}>这是一个长文本内容...</Text>
        {/* 添加更多子组件 */}
      </View>
    </ScrollView>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  content: {
    padding: 20,
  },
  text: {
    fontSize: 16,
  },
});

export default App;

/* 确保父级容器没有限制滚动 */
.parent-container {
  overflow: auto; /* 或者不设置 overflow 属性 */
}

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

const data = Array.from({ length: 100 }, (_, i) => ({ id: i.toString(), text: `Item ${i}` }));

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

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

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  item: {
    padding: 20,
    borderBottomWidth: 1,
    borderBottomColor: '#ccc',
  },
});

export default App;