React Native FlatList 水平模式根本不起作用

使用React Native开发移动应用，可以大大简化跨平台开发的工作量。而React Native提供的FlatList组件可以用于显示长列表数据，提供了高性能的滚动效果。然而，有时候我们想要在水平模式下显示列表数据，却发现FlatList的水平模式根本不起作用。接下来，我们将探讨这个问题，并提供解决方案。

jsx
import React from 'react';
import { View, FlatList, StyleSheet } from 'react-native';
const data = [
  { key: '1', text: 'Item 1' },
  { key: '2', text: 'Item 2' },
  { key: '3', text: 'Item 3' },
  { key: '4', text: 'Item 4' },
  { key: '5', text: 'Item 5' },
];
const renderItem = ({ item }) => (
  
    {item.text}
  
);
const App = () => (
      data={data}
    horizontal
    renderItem={renderItem}
  />
);
const styles = StyleSheet.create({
  item: {
    width: 100,
    height: 100,
    margin: 10,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'lightblue',
  },
});
export default App;