如何创建多行多项动态宽度的水平FlatList？

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

const data = [
  { id: '1', content: 'Item 1', width: 100 },
  { id: '2', content: 'Item 2', width: 150 },
  { id: '3', content: 'Item 3', width: 120 },
  // 添加更多项...
];

const Item = ({ content, width }) => (
  <View style={{ width }}>
    <Text>{content}</Text>
  </View>
);

const App = () => (
  <FlatList
    data={data}
    keyExtractor={(item) => item.id}
    horizontal
    renderItem={({ item }) => <Item content={item.content} width={item.width} />}
  />
);