如何在react native中将整个区段列表包装在TouchableOpacity组件中

import { TouchableOpacity } from 'react-native';

<TouchableOpacity>
  <FlatList
    data={data}
    renderItem={({ item }) => <Text>{item.title}</Text>}
    keyExtractor={(item) => item.id}
  />
</TouchableOpacity>

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

const data = [
  { id: '1', title: 'Item 1' },
  { id: '2', title: 'Item 2' },
  { id: '3', title: 'Item 3' },
];

const App = () => {
  return (
    <TouchableOpacity>
      <FlatList
        data={data}
        renderItem={({ item }) => <Text>{item.title}</Text>}
        keyExtractor={(item) => item.id}
      />
    </TouchableOpacity>
  );
};

export default App;