fix: example web demo

example/package.json

@@ -6,19 +6,19 @@
     "start": "expo start",
     "android": "expo run:android",
     "ios": "expo run:ios",
-    "web": "expo start --web",
-    "postinstall": "rm -rf node_modules/@expo/vector-icons && rm -rf node_modules/react-native-vector-icons"
+    "web": "run pre-web && expo start --web",
+    "web:build": "expo export -p web",
+    "web:before": "rm -rf ./node_modules/@expo/vector-icons && rm -rf node_modules/react-native-vector-icons"
   },
   "dependencies": {
     "@expo/metro-runtime": "~4.0.0",
-    "@shopify/flash-list": "1.7.1",
+    "@legendapp/list": "^0.5.9",
     "@tanstack/react-query": "^4.29.1",
     "expo": "~52.0.23",
     "expo-linking": "^7.0.3",
     "expo-status-bar": "~2.0.0",
     "expo-system-ui": "~4.0.6",
     "navigation-react-native": "9.26.0",
-    "postinstall-postinstall": "^2.1.0",
     "qs": "^6.13.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",

example/src/PostsScreen.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Text, Searchbar } from 'react-native-paper';
 import { usePreloadResult } from 'react-native-ridge-navigation';
-import { FlashList } from '@shopify/flash-list';
+import { LegendList } from '@legendapp/list';
 import { useQuery } from '@tanstack/react-query';
 
 import { queryKeyPostsScreen, queryKeyPostsScreenPromise } from './queryKeys';
@@ -40,11 +40,12 @@ function PostsScreen() {
         value={''}
       />
 
-      <FlashList
-        data={data}
+      <LegendList
+        data={data || []}
         renderItem={({ item }) => <Item item={item} />}
         keyExtractor={(item) => `${item.id}`}
         estimatedItemSize={ITEM_HEIGHT}
+        recycleItems
       />
     </>
   );

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-ridge-navigation",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "Cross platform react native router with support for render as you fetch",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",
@@ -44,7 +44,7 @@
     "clean": "del-cli lib",
     "prepare": "bob build",
     "release": "release-it --ci",
-    "build-example": "cd example && npx expo export -p example/web"
+    "build-example": "cd example && yarn web:before && yarn web:build"
   },
   "keywords": [
     "react-native",

yarn.lock

@@ -2682,6 +2682,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@legendapp/list@npm:^0.5.9":
+  version: 0.5.9
+  resolution: "@legendapp/list@npm:0.5.9"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 3db19ca3331ed018eead1a4d2a0bfb98a20403963e4f682e83d1c662b2430baa171458cc0e50bed08ddcdf5eebe89f84ee70ae8fa6f85d5ce1672d8a588e4e7b
+  languageName: node
+  linkType: hard
+
 "@nicolo-ribaudo/eslint-scope-5-internals@npm:5.1.1-v1":
   version: 5.1.1-v1
   resolution: "@nicolo-ribaudo/eslint-scope-5-internals@npm:5.1.1-v1"
@@ -3254,20 +3264,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@shopify/flash-list@npm:1.7.1":
-  version: 1.7.1
-  resolution: "@shopify/flash-list@npm:1.7.1"
-  dependencies:
-    recyclerlistview: 4.2.1
-    tslib: 2.6.3
-  peerDependencies:
-    "@babel/runtime": "*"
-    react: "*"
-    react-native: "*"
-  checksum: 82235ac12043dd9da0bc58ab4be76d01f0496f6c769167f5139854278c5a680154d745e5226b0176cd28d1d2351fd9d3f484ed35c44c3b6ee18dbcb075826451
-  languageName: node
-  linkType: hard
-
 "@sinclair/typebox@npm:^0.27.8":
   version: 0.27.8
   resolution: "@sinclair/typebox@npm:0.27.8"
@@ -9626,7 +9622,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash.debounce@npm:4.0.8, lodash.debounce@npm:^4.0.8":
+"lodash.debounce@npm:^4.0.8":
   version: 4.0.8
   resolution: "lodash.debounce@npm:4.0.8"
   checksum: a3f527d22c548f43ae31c861ada88b2637eb48ac6aa3eb56e82d44917971b8aa96fbb37aa60efea674dc4ee8c42074f90f7b1f772e9db375435f6c83a19b3bc6
@@ -11755,13 +11751,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postinstall-postinstall@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "postinstall-postinstall@npm:2.1.0"
-  checksum: e1d34252cf8d2c5641c7d2db7426ec96e3d7a975f01c174c68f09ef5b8327bc8d5a9aa2001a45e693db2cdbf69577094d3fe6597b564ad2d2202b65fba76134b
-  languageName: node
-  linkType: hard
-
 "prelude-ls@npm:^1.2.1":
   version: 1.2.1
   resolution: "prelude-ls@npm:1.2.1"
@@ -11871,7 +11860,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prop-types@npm:15.8.1, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
+"prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
   version: 15.8.1
   resolution: "prop-types@npm:15.8.1"
   dependencies:
@@ -12173,15 +12162,14 @@ __metadata:
   dependencies:
     "@babel/core": ^7.20.0
     "@expo/metro-runtime": ~4.0.0
-    "@shopify/flash-list": 1.7.1
+    "@legendapp/list": ^0.5.9
     "@tanstack/react-query": ^4.29.1
     expo: ~52.0.23
     expo-atlas: ^0.4.0
     expo-linking: ^7.0.3
     expo-status-bar: ~2.0.0
     expo-system-ui: ~4.0.6
     navigation-react-native: 9.26.0
-    postinstall-postinstall: ^2.1.0
     qs: ^6.13.1
     react: 18.3.1
     react-dom: 18.3.1
@@ -12456,20 +12444,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"recyclerlistview@npm:4.2.1":
-  version: 4.2.1
-  resolution: "recyclerlistview@npm:4.2.1"
-  dependencies:
-    lodash.debounce: 4.0.8
-    prop-types: 15.8.1
-    ts-object-utils: 0.0.5
-  peerDependencies:
-    react: ">= 15.2.1"
-    react-native: ">= 0.30.0"
-  checksum: 48e84937f803ac2acb510b2bc36b3ef1ea9c5383540a832f80c87d7e7f933b26c59e4ffc2d7de529be55e14a8d551c4f6660a450ad220142f351e6bf6e630450
-  languageName: node
-  linkType: hard
-
 "redent@npm:^3.0.0":
   version: 3.0.0
   resolution: "redent@npm:3.0.0"
@@ -14155,20 +14129,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ts-object-utils@npm:0.0.5":
-  version: 0.0.5
-  resolution: "ts-object-utils@npm:0.0.5"
-  checksum: 83c48fbdaba392fb2c01cea53b267ed5538d2bb44fc6c3eecc10bcfabc1780bfa6ec8569b52bbf0140d9b521d9049d5f15884e12286918244d463d854dbc73cb
-  languageName: node
-  linkType: hard
-
-"tslib@npm:2.6.3":
-  version: 2.6.3
-  resolution: "tslib@npm:2.6.3"
-  checksum: 74fce0e100f1ebd95b8995fbbd0e6c91bdd8f4c35c00d4da62e285a3363aaa534de40a80db30ecfd388ed7c313c42d930ee0eaf108e8114214b180eec3dbe6f5
-  languageName: node
-  linkType: hard
-
 "tslib@npm:^1.8.1":
   version: 1.14.1
   resolution: "tslib@npm:1.14.1"