diff --git a/packages/react-native-ui-lib/src/components/screenFooter/index.tsx b/packages/react-native-ui-lib/src/components/screenFooter/index.tsx index 5265dbd3fb..19f5823e1a 100644 --- a/packages/react-native-ui-lib/src/components/screenFooter/index.tsx +++ b/packages/react-native-ui-lib/src/components/screenFooter/index.tsx @@ -226,6 +226,8 @@ const ScreenFooter = (props: ScreenFooterProps) => { const childrenArray = React.Children.toArray(children).slice(0, 3).map(renderChild); + const isStaticVisible = animationDuration === 0 && visible; + const renderFooterContent = useCallback(() => { return ( <> @@ -237,22 +239,41 @@ const ScreenFooter = (props: ScreenFooterProps) => { ); }, [renderBackground, testID, contentContainerStyle, childrenArray]); + const renderKeyboardAccessoryView = () => ( + + ); + if (keyboardBehavior === KeyboardBehavior.HOISTED) { + if (isStaticVisible) { + return ( + + {renderKeyboardAccessoryView()} + + ); + } return ( - + {renderKeyboardAccessoryView()} ); } + if (isStaticVisible) { + return ( + + {renderFooterContent()} + + ); + } + return ( {renderFooterContent()}