fix:add flatList key (#1536)

OneKeyHQ · Sep 13, 2022 · 0d73700 · 0d73700
1 parent 482459b
commit 0d73700
Showing 1 changed file with 8 additions and 10 deletions.
diff --git a/packages/kit/src/views/Wallet/NFT/NFTList/index.tsx b/packages/kit/src/views/Wallet/NFT/NFTList/index.tsx
@@ -1,19 +1,11 @@
-import React, {
-  ComponentProps,
-  FC,
-  useCallback,
-  useEffect,
-  useMemo,
-  useState,
-} from 'react';
+import React, { FC, useCallback, useEffect, useMemo, useState } from 'react';
 
 import { useNavigation } from '@react-navigation/native';
 import { useIntl } from 'react-intl';
 
 import {
   Box,
   Empty,
-  FlatList,
   useIsVerticalLayout,
   useUserDevice,
 } from '@onekeyhq/components';
@@ -32,6 +24,7 @@ import {
   ModalScreenProps,
   RootRoutes,
 } from '@onekeyhq/kit/src/routes/types';
+import platformEnv from '@onekeyhq/shared/src/platformEnv';
 
 import backgroundApiProxy from '../../../../background/instance/backgroundApiProxy';
 import { MAX_PAGE_CONTAINER_WIDTH } from '../../../../config';
@@ -134,14 +127,18 @@ const NFTList: FC<NFTListProps> = ({
     ),
     [onSelectAsset],
   );
-
+  const flatListKey =
+    platformEnv.isNative && !platformEnv.isNativeIOSPad
+      ? undefined
+      : `NFTList${numColumns}`;
   const sharedProps = React.useMemo(
     () => ({
       contentContainerStyle: {
         paddingLeft: 16,
         paddingBottom: collectibles.length ? 16 : 0,
         marginTop: 24,
       },
+      key: flatListKey,
       data: expand ? allAssets : collectibles,
       renderItem: expand ? renderAssetItem : renderCollectionItem,
       ListFooterComponent: <Box h="24px" w="full" />,
@@ -183,6 +180,7 @@ const NFTList: FC<NFTListProps> = ({
             return `Collection ${index}`;
           },
     }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       collectibles,
       expand,