@momo-kits/foundation 0.81.36-beta.2 → 0.81.36-beta.4

package/Application/ModalScreen.tsx

@@ -171,8 +171,8 @@ const BottomSheet: React.FC<BottomSheetParams> = props => {
             style={[
               styles.sheetContainer,
               {
-                backgroundColor,
-                paddingBottom: Math.min(insets.bottom, 20) + Spacing.S,
+                backgroundColor: props?.indicatorColor ?? backgroundColor,
+                paddingBottom: Math.min(insets.bottom, 20),
               },
             ]}>
             <View style={styles.indicatorContainer}>

package/Application/types.ts

@@ -119,6 +119,7 @@ export interface BottomSheetParams extends ScreenParams {
   [key: string]: any;
   onDismiss?: () => void;
   snapPoint?: '30%' | '50%' | '70%' | '90%' | 'content';
+  indicatorColor?: string;
 }
 
 export type NavigationButtonProps = {

package/Layout/Screen.tsx

@@ -12,6 +12,7 @@ import {useHeaderHeight} from '@react-navigation/stack';
 import {useSafeAreaInsets} from 'react-native-safe-area-context';
 import React, {
   forwardRef,
+  Fragment,
   ReactNode,
   useContext,
   useEffect,
@@ -259,11 +260,14 @@ const Screen = forwardRef(
     /**
      * build content for screen
      */
-    const renderContent = () => {
+    const renderContent = (children: any): any => {
       const results = validateChildren(children, [Section, Card, undefined]);
       if (Array.isArray(results)) {
         return results.map((item, index) => {
           const space = item?.props?.useMargin === false ? 0 : Spacing.M;
+          if (item?.type == Fragment) {
+            return renderContent(item?.props?.children);
+          }
           if (item) {
             return (
               <View
@@ -280,6 +284,9 @@ const Screen = forwardRef(
       } else {
         const item: any = children;
         const space = item?.props?.useMargin === false ? 0 : Spacing.M;
+        if (item?.type == Fragment) {
+          return renderContent(item?.props?.children);
+        }
         return (
           <View
             key={`ScreenItem`}
@@ -328,7 +335,7 @@ const Screen = forwardRef(
               style={[styles.screenBanner, {maxHeight: 210 + layoutOffset}]}>
               {renderHeader()}
             </View>
-            {renderContent()}
+            {renderContent(children)}
           </Component>
           {Footer && (
             <View

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.81.36-beta.2",
+    "version": "0.81.36-beta.4",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {