@sudobility/components-rn 1.0.18 → 1.0.19

package/dist/index.cjs.js

@@ -5117,6 +5117,31 @@ const AspectRatio = ({
     }
   );
 };
+const AspectFitView = ({
+  aspectRatio,
+  children,
+  className,
+  innerClassName
+}) => {
+  const [size, setSize] = React__namespace.useState(null);
+  const onLayout = React__namespace.useCallback((event) => {
+    const { width, height } = event.nativeEvent.layout;
+    setSize({ width, height });
+  }, []);
+  let innerWidth = 0;
+  let innerHeight = 0;
+  if (size) {
+    const parentRatio = size.width / size.height;
+    if (aspectRatio > parentRatio) {
+      innerWidth = size.width;
+      innerHeight = size.width / aspectRatio;
+    } else {
+      innerHeight = size.height;
+      innerWidth = size.height * aspectRatio;
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(reactNative.View, { className: cn("flex-1", className), onLayout, children: size && /* @__PURE__ */ jsxRuntimeExports.jsx(reactNative.View, { className: cn("items-center", innerClassName), children: /* @__PURE__ */ jsxRuntimeExports.jsx(reactNative.ScrollView, { style: { width: innerWidth, height: innerHeight }, children }) }) });
+};
 const QuickActions = ({
   actions,
   orientation = "horizontal",
@@ -10167,6 +10192,7 @@ exports.AlertDescription = AlertDescription;
 exports.AlertTitle = AlertTitle;
 exports.AnimatedCounter = AnimatedCounter;
 exports.AnimatedSection = AnimatedSection;
+exports.AspectFitView = AspectFitView;
 exports.AspectRatio = AspectRatio;
 exports.Avatar = Avatar;
 exports.AvatarGroup = AvatarGroup;