如何在水平FlatList中垂直包装内容？

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

const data = [
  { id: '1', text: 'Item 1' },
  { id: '2', text: 'Item 2' },
  { id: '3', text: 'Item 3' },
  // 添加更多数据项...
];

const renderItem = ({ item }) => (
  <View style={{ flexDirection: 'column' }}>
    <Text>{item.text}</Text>
  </View>
);

const App = () => (
  <FlatList
    data={data}
    horizontal={true}
    renderItem={renderItem}
    keyExtractor={(item) => item.id}
  />
);

export default App;