@momo-kits/foundation 0.81.21 → 0.81.23

package/Image/index.tsx

@@ -10,7 +10,13 @@ import {ImageProps} from './types';
 
 type Status = 'success' | 'loading' | 'error';
 
-const Image: React.FC<ImageProps> = ({style, source, loading, ...rest}) => {
+const Image: React.FC<ImageProps> = ({
+  style,
+  source,
+  loading,
+  children,
+  ...rest
+}) => {
   const {theme} = useContext(ApplicationContext);
   const error = useRef(false);
   const [status, setStatus] = useState<Status>('success');
@@ -32,6 +38,7 @@ const Image: React.FC<ImageProps> = ({style, source, loading, ...rest}) => {
         </View>
       );
     }
+    return children;
   };
 
   return (

package/Image/styles.ts

@@ -2,8 +2,6 @@ import {StyleSheet} from 'react-native';
 
 export default StyleSheet.create({
   container: {
-    alignItems: 'center',
-    justifyContent: 'center',
     width: '100%',
     height: '100%',
   },

package/Layout/Screen.tsx

@@ -108,8 +108,13 @@ const Screen = forwardRef(
     let handleScroll;
     let headerBackground: string | undefined = undefined;
     let Component: any = View;
+    let keyboardVerticalOffset = heightHeader - 20;
     animatedValue.current = undefined;
 
+    if (useExtendedHeader || animatedHeader) {
+      keyboardVerticalOffset = -20;
+    }
+
     if (useExtendedHeader) {
       headerBackground = theme.assets?.headerBackground;
     }
@@ -267,7 +272,7 @@ const Screen = forwardRef(
         <KeyboardAvoidingView
           style={Styles.flex}
           enabled={enableKeyboardAvoidingView}
-          keyboardVerticalOffset={heightHeader - 20}
+          keyboardVerticalOffset={keyboardVerticalOffset}
           behavior={Platform.select({
             ios: 'padding',
             android: undefined,

package/package.json

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