通过 将包添加到项目中并在目录中运行。
yarn add @shopify/flash-list
pod install
ios
我们建议你阅读此处使用的详细文档。
FlashList
但是,如果你熟悉FlatList,那么你已经知道如何使用。你可以通过更改组件名称并添加 prop 或参考以下示例进行试用:
FlashList
FlashList
estimatedItemSize
import React from "react";
import { View, Text } from "react-native";
import { FlashList } from "@shopify/flash-list";
const DATA = [
{
title: "First Item",
},
{
title: "Second Item",
},
];
const MyList = () => {
return (
<FlashList
data={DATA}
renderItem={({ item }) => <Text>{item.title}</Text>}
estimatedItemSize={200}
/>
);
};
为避免常见的陷阱,你还可以根据我们自己的经验,按照以下步骤从 迁移:
FlatList
FlatList
FlashList
estimatedItemSize
渲染项
层次结构以查找显式属性定义并将其删除。如果你正在执行,请使用索引作为键。key
.map()
getItemType
属性将其类型传递给以提高性能。FlashList
FlashList
该夹具是一个示例应用程序,演示如何使用库。