@momo-kits/foundation 0.76.1-beta.2 → 0.77.2-beta.1

package/Application/BottomTab.tsx

@@ -4,6 +4,7 @@ import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
 import {Icon} from '../Icon';
 import {Text} from '../Text';
 import {ApplicationContext} from './index';
+import {View} from 'react-native';
 
 const Tab = createBottomTabNavigator();
 
@@ -21,11 +22,13 @@ const BottomTab: FC<BottomTabProps> = ({tabs, listeners}) => {
             options={{
               tabBarLabel: ({color, focused}) => {
                 return (
-                  <Text
-                    typography={focused ? 'label_xs' : 'description_xs'}
-                    color={color}>
-                    {item.label}
-                  </Text>
+                  <View style={{paddingHorizontal: 16}}>
+                    <Text
+                      typography={focused ? 'label_xs' : 'description_xs'}
+                      color={color}>
+                      {item.label}
+                    </Text>
+                  </View>
                 );
               },
               tabBarBadge: item?.badgeLabel,

package/Application/types.ts

@@ -4,6 +4,8 @@ import Navigator from './Navigator';
 import {PopupNotifyProps} from '../Popup/types';
 import Navigation from './Navigation';
 
+type Screen = React.ComponentType<NavigationScreenProps>;
+
 export type Theme = {
   dark: boolean;
   colors: {
@@ -65,7 +67,7 @@ export type Context = {
 };
 
 export type NavigationContainerProps = {
-  screen: React.ElementType;
+  screen: Screen;
   options?: NavigationOptions;
   theme: Theme;
   maxApi?: any;
@@ -91,13 +93,12 @@ export interface ScreenProps extends ViewProps {
 
 export type ScreenParams = {
   [key: string]: any;
-  screen: React.ElementType;
+  screen: Screen;
   options?: NavigationOptions;
 };
 
 export interface ModalParams extends ScreenParams {
   [key: string]: any;
-  screen: React.ElementType;
   onDismiss?: () => void;
   barrierDismissible?: boolean;
 }
@@ -163,7 +164,7 @@ export type BottomTabItemProps = {
   icon: string;
   showDot?: boolean;
   badgeLabel?: string;
-  screen: React.ComponentType<any>;
+  screen: React.ComponentType;
 };
 
 export type BottomTabProps = {

package/Input/Input.tsx

@@ -94,6 +94,7 @@ const Input: FC<InputProps> = ({
               styles.input,
               {
                 color: textColor,
+                fontFamily: `${theme.font}-Regular`,
               },
             ]}
             textBreakStrategy="highQuality"

package/Input/styles.ts

@@ -1,9 +1,15 @@
 import {StyleSheet} from 'react-native';
 import {Radius, Spacing} from '../Consts';
+import {scaleSize} from '../Text';
 
 export default StyleSheet.create({
   //input style
-  input: {width: '100%', paddingLeft: Spacing.M, height: '100%'},
+  input: {
+    width: '100%',
+    paddingLeft: Spacing.M,
+    height: '100%',
+    fontSize: scaleSize(15),
+  },
   wrapper: {
     width: '100%',
   },
@@ -11,7 +17,6 @@ export default StyleSheet.create({
     borderWidth: 1,
     borderRadius: Radius.S,
     height: 56,
-    paddingVertical: 8,
   },
   smallContainer: {
     borderRadius: Radius.S,
@@ -65,6 +70,8 @@ export default StyleSheet.create({
     width: '100%',
     flex: 1,
     paddingRight: Spacing.XS,
+    paddingVertical: Spacing.XS,
+    fontSize: scaleSize(15),
   },
   textAreaWrapper: {
     borderWidth: 1,
@@ -98,6 +105,8 @@ export default StyleSheet.create({
     height: 36,
     marginLeft: Spacing.S,
     flex: 1,
+    fontSize: scaleSize(15),
+    paddingVertical: Spacing.XS,
   },
   searchInputView: {
     flexDirection: 'row',
@@ -116,7 +125,8 @@ export default StyleSheet.create({
     width: '100%',
     paddingLeft: Spacing.M,
     height: '100%',
-    fontSize: 20,
+    fontSize: scaleSize(20),
+    paddingVertical: Spacing.S,
     fontWeight: 'bold',
   },
 });

package/Layout/Screen.tsx

@@ -1,10 +1,4 @@
-import {
-  Animated,
-  KeyboardAvoidingView,
-  Platform,
-  Text,
-  View,
-} from 'react-native';
+import {Animated, KeyboardAvoidingView, Platform, View} from 'react-native';
 import {useHeaderHeight} from '@react-navigation/stack';
 import {useSafeAreaInsets} from 'react-native-safe-area-context';
 import React, {useContext, useEffect, useRef} from 'react';
@@ -166,6 +160,7 @@ const Screen: React.FC<ScreenProps> = ({
         })}>
         <Component
           {...scrollViewProps}
+          showsVerticalScrollIndicator={false}
           onScroll={handleScroll}
           style={[Styles.flex, {marginTop: marginHeader}]}>
           {renderContent()}

package/package.json

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