@momo-kits/foundation 0.162.2-beta.15 → 0.162.2-beta.17

package/Button/index.tsx

@@ -49,6 +49,12 @@ export interface ButtonProps extends TouchableOpacityProps {
   iconRight?: string;
   iconLeft?: string;
   title: string;
+  /**
+   * When true, hides the label and renders only the centered icon.
+   * `title` stays required and is used as the accessibility label.
+   * Icon-only buttons hug their icon, so the `full` prop is ignored.
+   */
+  iconOnly?: boolean;
   tintColor?: string;
   loading?: boolean;
   onPress: () => void;
@@ -62,6 +68,7 @@ const Button: FC<ButtonProps> = ({
   full = true,
   iconRight,
   iconLeft,
+  iconOnly = false,
   loading = false,
   title = 'Button',
   params,
@@ -263,8 +270,8 @@ const Button: FC<ButtonProps> = ({
       {
         width: iconSize,
         height: iconSize,
-        marginRight: isLeft ? space : 0,
-        marginLeft: isLeft ? 0 : space,
+        marginRight: !iconOnly && isLeft ? space : 0,
+        marginLeft: !iconOnly && !isLeft ? space : 0,
       },
     ];
 
@@ -312,10 +319,14 @@ const Button: FC<ButtonProps> = ({
   const sizeStyle = getSizeStyle();
   const typeStyle = getTypeStyle();
   const containerStyle: ViewStyle = StyleSheet.flatten([
-    full && { width: '100%' },
+    full && !iconOnly && { width: '100%' },
     loading && { opacity: 0.75 },
   ]);
-  const buttonStyle = StyleSheet.flatten([sizeStyle, typeStyle]);
+  const buttonStyle = StyleSheet.flatten([
+    sizeStyle,
+    typeStyle,
+    iconOnly && styles.iconOnly,
+  ]);
 
   const animatedStyle = useAnimatedStyle(() => {
     return {
@@ -352,8 +363,8 @@ const Button: FC<ButtonProps> = ({
         onPressOut={animateOut}
       >
         <Reanimated.View style={[buttonStyle, animatedStyle]}>
-        {renderIcon('left')}
-          {renderTitle()}
+          {renderIcon('left')}
+          {!iconOnly && renderTitle()}
           {renderIcon('right')}
           {gradientPros && (
             <LinearGradient {...gradientPros} style={styles.gradientView} />

package/Button/styles.ts

@@ -29,6 +29,9 @@ export default StyleSheet.create({
     paddingHorizontal: 8,
     minWidth: 60,
   },
+  iconOnly: {
+    minWidth: 0,
+  },
   leading: {
     overflow: 'hidden',
     alignItems: 'center',

package/Layout/Screen.tsx

@@ -650,7 +650,14 @@ const Screen = forwardRef(
             onScroll={handleScroll}
             onScrollEndDrag={handleScrollEnd}
             scrollEventThrottle={16}
-            style={Styles.flex}
+            style={[
+              Styles.flex,
+              !scrollable && !Footer && !isTab && { paddingBottom: bottomInset },
+            ]}
+            contentContainerStyle={[
+              scrollable && !Footer && !isTab && { paddingBottom: bottomInset },
+              scrollViewProps?.contentContainerStyle,
+            ]}
           >
             {renderAnimatedHeader()}
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.162.2-beta.15",
+    "version": "0.162.2-beta.17",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {},
@@ -8,19 +8,19 @@
         "@momo-kits/foundation"
     ],
     "dependencies": {
-        "react-native-fast-image": "git+https://oauth2:TGi6oBj-LdzsKpLXQSoH@gitlab.mservice.com.vn/momo-platform/public/react-native-fast-image.git#v8.11.0",
         "@react-navigation/bottom-tabs": "7.4.2",
         "@react-navigation/core": "7.12.1",
         "@react-navigation/elements": "2.5.2",
         "@react-navigation/native": "7.1.14",
         "@react-navigation/routers": "7.4.1",
         "@react-navigation/stack": "7.4.2",
+        "@shopify/flash-list": "2.1.0",
+        "lottie-react-native": "7.2.4",
+        "react-native-fast-image": "git+https://oauth2:TGi6oBj-LdzsKpLXQSoH@gitlab.mservice.com.vn/momo-platform/public/react-native-fast-image.git#v8.11.0",
         "react-native-gesture-handler": "2.27.1",
         "react-native-linear-gradient": "git+https://oauth2:TGi6oBj-LdzsKpLXQSoH@gitlab.mservice.com.vn/momo-platform/public/react-native-linear-gradient#v3.0.0",
         "react-native-reanimated": "4.2.2",
-        "react-native-safe-area-context": "5.5.2",
-        "@shopify/flash-list": "2.1.0",
-        "lottie-react-native": "7.2.4"
+        "react-native-safe-area-context": "5.5.2"
     },
     "peerDependencies": {
         "react-native": "*"
@@ -32,4 +32,4 @@
         "registry": "https://registry.npmjs.org/"
     },
     "license": "MoMo"
-}
+}