Merge pull request #31 from RonasIT/PRD-2132-keyboard-controllers-refactoring

PRD-2132: Replace @pietile-native-kit/keyboard-aware-scrollview with react-native-keyboard-controller

Author: veliseev93

apps/mobile/app/(auth)/sign-in.tsx

@@ -12,7 +12,7 @@ export default function SignInScreen(): ReactElement {
   const isOfflineMode = useSelector(appState$.isOfflineMode);
 
   return (
-    <ScreenWrapper isKeyboardAvoiding>
+    <ScreenWrapper isKeyboardAvoiding safeAreaProps={{ edges: ['top'] }}>
       <NoConnectionBanner isVisible={isOfflineMode} />
       <SignIn onSuccess={resetToCreateChatScreen} />
     </ScreenWrapper>

apps/mobile/app/(main)/chat/create.tsx

@@ -46,7 +46,7 @@ export default function CreateChatScreen(): ReactElement {
         className: 'pt-0',
         header: <AppHeader title={translate('TEXT_NEW_CHAT')} onGoBack={handleBackPress} />,
       }}
-      safeAreaProps={{ edges: ['bottom'] }}
+      safeAreaProps={{ edges: [] }}
       keyBoardAvoidingProps={{ enabled: !isBottomSheetInputFocused }}>
       <NoConnectionBanner isVisible={isOfflineMode} />
       <CreateChat

libs/mobile/shared/ui/keyboard-avoiding-view/src/lib/component.tsx

@@ -1,6 +1,6 @@
-import { KeyboardAwareScrollView } from '@pietile-native-kit/keyboard-aware-scrollview';
 import { ComponentType } from 'react';
 import { ScrollViewProps, StyleProp, ViewStyle } from 'react-native';
+import { KeyboardAwareScrollView } from 'react-native-keyboard-controller';
 import { commonStyle } from '@open-webui-react-native/mobile/shared/ui/styles';
 
 export type AppKeyboardAvoidingViewProps = Omit<ScrollViewProps, 'onFocus'> & {

package-lock.json

@@ -18,7 +18,6 @@
     "@legendapp/state": "^3.0.0-beta.31",
     "@likashefqet/react-native-image-zoom": "^4.3.0",
     "@lukemorales/query-key-factory": "^1.3.4",
-    "@pietile-native-kit/keyboard-aware-scrollview": "^1.5.0",
     "@pusher/pusher-websocket-react-native": "^1.3.1",
     "@react-native-community/hooks": "^100.1.0",
     "@react-native-cookies/cookies": "^6.2.1",