如何在react native中将嵌套数组中的项显示在单独的行中？

import React from 'react';
import { Text } from 'react-native';

const NestedItem = ({ item }) => {
  return (
    <Text>{item}</Text>
  );
}

export default NestedItem;

import React from 'react';
import { View } from 'react-native';
import NestedItem from './NestedItem';

const ParentComponent = ({ nestedArray }) => {
  return (
    <View>
      {nestedArray.map((nestedItem, index) => (
        <NestedItem key={index} item={nestedItem} />
      ))}
    </View>
  );
}

export default ParentComponent;

import React from 'react';
import { View } from 'react-native';
import ParentComponent from './ParentComponent';

const App = () => {
  const nestedArray = ['Item 1', 'Item 2', 'Item 3'];

  return (
    <View>
      <ParentComponent nestedArray={nestedArray} />
    </View>
  );
}

export default App;