esoftplay 0.0.124-x → 0.0.124-y

package/modules/lib/infinite.tsx

@@ -1,5 +1,5 @@
 // noPage
-
+import { FlashList } from "@shopify/flash-list";
 import { LibComponent } from 'esoftplay/cache/lib/component/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibListItemLayout } from 'esoftplay/cache/lib/list/import';
@@ -10,7 +10,7 @@ import esp from 'esoftplay/esp';
 
 import React from 'react';
 import isEqual from 'react-fast-compare';
-import { FlatList, View } from 'react-native';
+import { View } from 'react-native';
 
 export interface LibInfiniteProps {
   url: string,
@@ -66,7 +66,7 @@ export default class m extends LibComponent<LibInfiniteProps, LibInfiniteState>{
   isStop: boolean = false
   page: number | undefined = 0
   pages: number[]
-  flatlist = React.createRef<FlatList<View>>()
+  flatlist = React.createRef<FlashList<View>>()
 
   constructor(props: LibInfiniteProps) {
     super(props);
@@ -179,7 +179,7 @@ export default class m extends LibComponent<LibInfiniteProps, LibInfiniteState>{
     const { data, error } = this.state
     const { errorView, refreshEnabled } = this.props
     // const AutoLayoutViewNativeComponent = require("@shopify/flash-list/src/native/auto-layout/AutoLayoutViewNativeComponent")
-    const List = /* !!AutoLayoutViewNativeComponent ? FlashList : */ FlatList
+    const List = /* !!AutoLayoutViewNativeComponent ? FlashList : */ FlashList
     return (
       <View style={{ flex: 1 }} >
         {
@@ -205,6 +205,7 @@ export default class m extends LibComponent<LibInfiniteProps, LibInfiniteState>{
               }
               showsHorizontalScrollIndicator={false}
               showsVerticalScrollIndicator={false}
+              estimatedItemSize={this.props.staticHeight || 100}
               initialNumToRender={5}
               maxToRenderPerBatch={10}
               windowSize={10}

package/modules/lib/list.tsx

@@ -2,9 +2,10 @@
 
 
 // 
+import { FlashList } from "@shopify/flash-list";
 import { LibComponent } from 'esoftplay/cache/lib/component/import';
 import React from "react";
-import { FlatList, View } from 'react-native';
+import { View } from 'react-native';
 
 export interface LibListItemLayout {
   length: number,
@@ -50,7 +51,7 @@ export interface LibListState {
 export default class m extends LibComponent<LibListProps, LibListState> {
 
   view: any = React.createRef()
-  flatlist = React.createRef<FlatList<View>>()
+  flatlist = React.createRef<FlashList<View>>()
   constructor(props: LibListProps) {
     super(props);
     this.scrollToIndex = this.scrollToIndex.bind(this);
@@ -77,7 +78,7 @@ export default class m extends LibComponent<LibListProps, LibListState> {
         return ({ getItemLayout: (data, index) => this.props.staticHeight ? ({ length: this.props.staticHeight, offset: this.props.staticHeight, index: index }) : undefined })
     }
     // const AutoLayoutViewNativeComponent = require("@shopify/flash-list/src/native/auto-layout/AutoLayoutViewNativeComponent")
-    const List = /* !!AutoLayoutViewNativeComponent ? FlashList : */ FlatList
+    const List = /* !!AutoLayoutViewNativeComponent ? FlashList : */ FlashList
     return (
       <View ref={(e) => this.view = e} style={[{ flex: 1 }]} >
         <List
@@ -89,6 +90,7 @@ export default class m extends LibComponent<LibListProps, LibListState> {
           refreshing={false}
           nestedScrollEnabled
           initialNumToRender={5}
+          estimatedItemSize={this.props.staticHeight || 100}
           maxToRenderPerBatch={10}
           windowSize={10}
           {...this.props}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "esoftplay",
-  "version": "0.0.124-x",
+  "version": "0.0.124-y",
   "description": "embedding data from esoftplay framework (web based) into mobile app",
   "main": "cache/index.js",
   "types": "../../index.d.ts",