如何在React Native中垂直呈现数据？

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

const data = [
  '数据1',
  '数据2',
  '数据3',
];

const App = () => {
  return (
    <View style={styles.container}>
      {data.map((item) => (
        <Text key={item} style={styles.text}>{item}</Text>
      ))}
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center', // 在垂直方向上居中对齐
    alignItems: 'center', // 在水平方向上居中对齐
  },
  text: {
    fontSize: 16,
    marginBottom: 10,
  },
});

export default App;