chore: update dependencies and configuration

Author: VoDucDuoc

.gitignore

@@ -84,3 +84,6 @@ android/generated
 
 # React Native Nitro Modules
 nitrogen/
+
+example/ios
+example/android

example/babel.config.js

@@ -10,6 +10,7 @@ module.exports = function (api) {
   return getConfig(
     {
       presets: ['babel-preset-expo'],
+      plugins: ['react-native-reanimated/plugin'],
     },
     { root, pkg }
   );

example/package.json

@@ -4,8 +4,8 @@
   "main": "index.js",
   "scripts": {
     "start": "expo start",
-    "android": "expo start --android",
-    "ios": "expo start --ios",
+    "android": "expo run:android",
+    "ios": "expo run:ios",
     "web": "expo start --web"
   },
   "dependencies": {
@@ -15,6 +15,8 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-native": "0.76.7",
+    "react-native-gesture-handler": "^2.20.2",
+    "react-native-reanimated": "^3.16.1",
     "react-native-web": "~0.19.13"
   },
   "devDependencies": {

example/src/App.tsx

@@ -9,13 +9,13 @@ import {
 import React, { useRef } from 'react';
 import Gallery, { GalleryRef } from '../../src';
 
-const image1 = require('../assets/image1.jpeg');
-const image2 = require('../assets/image2.jpeg');
-const image3 = require('../assets/image3.jpeg');
-
 export default function App() {
   const galleryRef = useRef<GalleryRef>(null);
-  const data = [image1, image2, image3];
+  const data = [
+    { uri: 'https://picsum.photos/200/300' },
+    { uri: 'https://picsum.photos/200/300' },
+    { uri: 'https://picsum.photos/200/300' },
+  ];
 
   return (
     <View style={styles.container}>

package.json

@@ -83,8 +83,8 @@
     "react": "18.3.1",
     "react-native": "0.76.7",
     "react-native-builder-bob": "^0.37.0",
-    "react-native-gesture-handler": "2.20.2",
-    "react-native-reanimated": "3.16.1",
+    "react-native-gesture-handler": "^2.20.2",
+    "react-native-reanimated": "^3.16.1",
     "release-it": "^17.10.0",
     "typescript": "^5.2.2"
   },
@@ -93,7 +93,9 @@
   },
   "peerDependencies": {
     "react": ">=18.0.0",
-    "react-native": ">=0.72.0"
+    "react-native": ">=0.68.0",
+    "react-native-gesture-handler": ">=2.0.0",
+    "react-native-reanimated": ">=3.0.0"
   },
   "workspaces": [
     "example"

yarn.lock

@@ -1863,13 +1863,15 @@ __metadata:
     react: 18.3.1
     react-native: 0.76.7
     react-native-builder-bob: ^0.37.0
-    react-native-gesture-handler: 2.20.2
-    react-native-reanimated: 3.16.1
+    react-native-gesture-handler: ^2.20.2
+    react-native-reanimated: ^3.16.1
     release-it: ^17.10.0
     typescript: ^5.2.2
   peerDependencies:
     react: ">=18.0.0"
-    react-native: ">=0.72.0"
+    react-native: ">=0.68.0"
+    react-native-gesture-handler: ">=2.0.0"
+    react-native-reanimated: ">=3.0.0"
   languageName: unknown
   linkType: soft
 
@@ -11629,7 +11631,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
+"prop-types@npm:^15.8.1":
   version: 15.8.1
   resolution: "prop-types@npm:15.8.1"
   dependencies:
@@ -11838,18 +11840,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-native-gesture-handler@npm:2.20.2":
-  version: 2.20.2
-  resolution: "react-native-gesture-handler@npm:2.20.2"
+"react-native-gesture-handler@npm:^2.20.2":
+  version: 2.25.0
+  resolution: "react-native-gesture-handler@npm:2.25.0"
   dependencies:
     "@egjs/hammerjs": ^2.0.17
     hoist-non-react-statics: ^3.3.0
     invariant: ^2.2.4
-    prop-types: ^15.7.2
   peerDependencies:
     react: "*"
     react-native: "*"
-  checksum: 8d9e7496615dad4e6bb6dd1c750c2d3b2e57c6173a1d466b4503b28b159b1dbbb1e7527c3d4bda12324422200c07835f34d81c9bd3cd1b7f594b22949bef274a
+  checksum: 51b155bcc56043b9e06bf8ded089c44348e8da297b38e73f203f2d6ce8bd51698f85a38dca8eeab3d2ab721aeddefc270acd99e16cf493b20f1f429ad02214b8
   languageName: node
   linkType: hard
 
@@ -11865,13 +11866,25 @@ __metadata:
     react-dom: 18.3.1
     react-native: 0.76.7
     react-native-builder-bob: ^0.37.0
+    react-native-gesture-handler: ^2.20.2
+    react-native-reanimated: ^3.16.1
     react-native-web: ~0.19.13
   languageName: unknown
   linkType: soft
 
-"react-native-reanimated@npm:3.16.1":
-  version: 3.16.1
-  resolution: "react-native-reanimated@npm:3.16.1"
+"react-native-is-edge-to-edge@npm:1.1.7":
+  version: 1.1.7
+  resolution: "react-native-is-edge-to-edge@npm:1.1.7"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 4cdf2b2fb5b131f2015c26d2cb7688b4a0c5f3c8474b1bf0ddfa9eabb0263df440c87262ae8f812a6ecab0d5310df0373bddad4b51f53dabb2ffee01e9ef0f44
+  languageName: node
+  linkType: hard
+
+"react-native-reanimated@npm:^3.16.1":
+  version: 3.17.4
+  resolution: "react-native-reanimated@npm:3.17.4"
   dependencies:
     "@babel/plugin-transform-arrow-functions": ^7.0.0-0
     "@babel/plugin-transform-class-properties": ^7.0.0-0
@@ -11884,11 +11897,12 @@ __metadata:
     "@babel/preset-typescript": ^7.16.7
     convert-source-map: ^2.0.0
     invariant: ^2.2.4
+    react-native-is-edge-to-edge: 1.1.7
   peerDependencies:
     "@babel/core": ^7.0.0-0
     react: "*"
     react-native: "*"
-  checksum: 7d969a24558c8dc7fb175610a867091a7dd04fd5998a09f2f02bfba5d7a59eee5918d2ee47722026a4ecbfb81c594dd28843962a7f01282172b478f7d451a909
+  checksum: 8c812466c3a1d7d3576365f16c62183efd9651ae769849a40240a3f674131960e2380c8536232563dd0935a607696eb373abcece899ce4152bfdd711778e7cd7
   languageName: node
   linkType: hard