,可以通过以下步骤实现:
import React from 'react';
import { FlatList, Text, View } from 'react-native';
const tags = [
{ id: 1, name: '标签1' },
{ id: 2, name: '标签2' },
];
const App = () => {
return (
<View>
<FlatList
data={tags}
keyExtractor={(item) => item.id.toString()}
renderItem={({ item }) => (
<Text>{item.name}</Text>
)}
/>
</View>
);
};
export default App;
在上面的代码中,我们创建了一个名为tags
的数组,其中包含两个标签对象。然后,我们在FlatList组件中使用data
属性将数据源传递给FlatList,并使用keyExtractor
属性指定每个标签对象的唯一标识符。最后,我们使用renderItem
属性定义了每个标签对象如何渲染。
这样,你就可以在FlatList React本机中显示2个标签了。请注意,这只是一个简单的示例,你可以根据自己的需求进行定制和扩展。
领取专属 10元无门槛券
手把手带您无忧上云