react-crud-mobile 1.0.640 → 1.0.641

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.640",
+  "version": "1.0.641",
   "license": "MIT",
   "description": "Uma biblioteca de componentes para React Native",
   "main": "dist/index.js",
@@ -48,6 +48,7 @@
     "react-dom": "19.0.0",
     "react-native": "0.79.2",
     "react-native-gesture-handler": "~2.24.0",
+    "react-native-intersection-observer": "^0.2.1",
     "react-native-reanimated": "~3.17.4",
     "react-native-safe-area-context": "5.4.0",
     "react-native-screens": "~4.10.0",

package/src/elements/core/UIListRow.tsx

@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import { ChildType, ScopeUtils, Utils } from 'react-crud-utils';
 import UIChildren from '../UIChildren';
 import { StyleSheet, TouchableHighlight, View } from 'react-native';
+import { InView } from 'react-native-intersection-observer';
 
 interface UIListRowType extends ChildType {
   item: any;
@@ -63,19 +64,21 @@ export default function UIListRow(props: UIListRowType) {
       );
     }
     return (
-      <TouchableHighlight
-        key={key}
-        style={getRowStyle()}
-        underlayColor={'transparent'}
-        onPress={e => {
-          e.stopPropagation();
-          onClick(item);
-        }}
-      >
-        <UIChildren scope={row} crud={row.crud}>
-          {props.children}
-        </UIChildren>
-      </TouchableHighlight>
+      <InView>
+        <TouchableHighlight
+          key={key}
+          style={getRowStyle()}
+          underlayColor={'transparent'}
+          onPress={e => {
+            e.stopPropagation();
+            onClick(item);
+          }}
+        >
+          <UIChildren scope={row} crud={row.crud}>
+            {props.children}
+          </UIChildren>
+        </TouchableHighlight>
+      </InView>
     );
   };