react-crud-mobile 1.0.640 → 1.0.642

package/dist/react-crud-mobile.cjs.development.js

@@ -705,6 +705,20 @@ function UIListRow(props) {
       updateIndex = _useState2[0],
       setUpdateIndex = _useState2[1];
     var key = scope.key('item');
+    var viewRef = React.useRef(null);
+    var _useState3 = React.useState(false),
+      visible = _useState3[0],
+      setVisible = _useState3[1];
+    var windowHeight = reactNative.Dimensions.get('window').height;
+    var checkIfVisible = function checkIfVisible() {
+      var nodeHandle = reactNative.findNodeHandle(viewRef.current);
+      if (nodeHandle) {
+        reactNative.UIManager.measure(nodeHandle, function (x, y, width, height, pageX, pageY) {
+          var isVisible = pageY >= 0 && pageY + height <= windowHeight;
+          setVisible(isVisible);
+        });
+      }
+    };
     var getRowStyle = function getRowStyle() {
       var css = row.getStyle('row', _extends({}, styles.row));
       if (cols > 0) {
@@ -716,28 +730,33 @@ function UIListRow(props) {
       scope.updateIndex = scope.updateIndex + 1;
       setUpdateIndex(++updateIndex);
     };
-    if (!original.click) {
-      return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
-        style: getRowStyle(),
-        children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
+    var Child = function Child() {
+      return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: visible && /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
           scope: row,
           crud: row.crud,
           children: props.children
         })
+      });
+    };
+    if (!original.click) {
+      return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
+        style: getRowStyle(),
+        onLayout: checkIfVisible,
+        ref: viewRef,
+        children: /*#__PURE__*/jsxRuntime.jsx(Child, {})
       }, key);
     }
     return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableHighlight, {
       style: getRowStyle(),
+      ref: viewRef,
       underlayColor: 'transparent',
+      onLayout: checkIfVisible,
       onPress: function onPress(e) {
         e.stopPropagation();
         onClick(item);
       },
-      children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
-        scope: row,
-        crud: row.crud,
-        children: props.children
-      })
+      children: /*#__PURE__*/jsxRuntime.jsx(Child, {})
     }, key);
   };
   return /*#__PURE__*/jsxRuntime.jsx(ListItem, {});