如何将嵌套数据传递给FlatList react-native

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

const nestedData = [
  {
    id: 1,
    title: 'Parent 1',
    children: [
      { id: 11, title: 'Child 1' },
      { id: 12, title: 'Child 2' },
    ],
  },
  {
    id: 2,
    title: 'Parent 2',
    children: [
      { id: 21, title: 'Child 3' },
      { id: 22, title: 'Child 4' },
    ],
  },
];

const renderItem = ({ item }) => {
  return (
    <View>
      <Text>{item.title}</Text>
      {item.children && (
        <FlatList
          data={item.children}
          renderItem={({ item }) => <Text>{item.title}</Text>}
          keyExtractor={(item) => item.id.toString()}
        />
      )}
    </View>
  );
};

const App = () => {
  return (
    <FlatList
      data={nestedData}
      renderItem={renderItem}
      keyExtractor={(item) => item.id.toString()}
    />
  );
};

export default App;