ScrollView 只能托管一个直接子级

当你想要在移动应用程序中滚动列表时，通常会考虑使用ScrollView。然而，ScrollView有一个限制：它只能有一个直接子级。这意味着，如果想在ScrollView中嵌套多个子级组件，你需要将它们打包成一个组件。

虽然这个限制听起来有些奇怪，但ScrollView只能有一个子级的原因是为了确保滚动性能。每个直接子级都需要被实时渲染到屏幕上，而嵌套多个子级将会造成性能瓶颈。

为了避免这个限制，可以考虑使用FlatList或SectionList。这些组件使得在移动应用程序中滚动列表变得容易，具有更好的性能表现。

以下是一个ScrollView的示例代码片段：

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

export default function ExampleScrollView() {
  return (
    <ScrollView>
      <View style={{padding: 20}}>
        <Text>这是ScrollView 中的第一个子级组件</Text>
      </View>
      <View style={{padding: 20}}>
        <Text>这是ScrollView 中的第二个子级组件</Text>
      </View>
      <View style={{padding: 20}}>
        <Text>这是ScrollView 中的第三个子级组件</Text>
      </View>
    </ScrollView>
  );
}

需要注意的是，ScrollView中的子级组件必须都要指定高度。否则，它们都将占据主轴上的所有空间，导致无法滚动。

<ScrollView>
  <View style={{height: 500}}>
    <Text>这是ScrollView 中的第一个子级组件</Text>
  </View>
  <View style={{height: 500}}>
    <Text>这是ScrollView 中的第二个子级组件</Text>
  </View>
  <View style={{height: 500}}>
    <Text>这是ScrollView 中的第三个子级组件</Text>
  </View>
</ScrollView>

总之，尽管ScrollView只能托管一个唯一的子级组件，但是它仍然是在移动应用程序中创建列表的一种非常有用的方式。如果你需要在ScrollView中嵌套多个子级组件，请考虑使用FlatList或SectionList来保证应用程序的性能。