react-native的滚动视图/长列表1.ScrollView ScrollView适合用来显示数量不多的滚动元素，

1.ScrollView

ScrollView适合用来显示数量不多的滚动元素，放置在ScrollView中的所有组件都会被渲染，哪怕有些组件因为内容太长被挤出了屏幕外。

2.FlatList

FlatList组件用于显示一个垂直的滚动列表，其中的元素之间结构近似而仅数据不同。 FlatList更适于长列表数据，且元素个数可以增删。和ScrollView不同的是，FlatList并不立即渲染所有元素，而是优先渲染屏幕上可见的元素。 FlatList组件必须的两个属性是data和renderItem。data是列表的数据源，而renderItem则从数据源中逐个解析数据，然后返回一个设定好格式的组件来渲染。

   <FlatList
        data={[
        {key:'test1'},
        {key:'test2'},
        {key:'test3'},
        {key:'test4'}
      ]}
        renderItem={({item})=> <Text>{item.key}</Text>}
      />

3.SectionList

SectionList：渲染的是一组需要分组的数据，还带有分组标签。

      <SectionList
          sections={[
          {title:"num",data:[1,2,3]},
          ]}
          renderSectionHeader={({section})=><Text>{section.title}</Text>}
          renderItem={({item })=><Text>{item}</Text>}
        />

官方文档学习地址reactnative.cn/docs/scroll…