react-native-ui-lib 8.4.1-snapshot.7901 → 8.4.1-snapshot.7915

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/screenFooter/index.js +10 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-ui-lib",
3
- "version": "8.4.1-snapshot.7901",
3
+ "version": "8.4.1-snapshot.7915",
4
4
  "main": "src/index.js",
5
5
  "types": "src/index.d.ts",
6
6
  "author": "Ethan Sharabi <ethan.shar@gmail.com>",
package/src/components/screenFooter/index.js CHANGED
@@ -31,6 +31,7 @@ const ScreenFooter = props => {
31
31
  isAndroidEdgeToEdge = !!androidVersion && androidVersion >= 35 ? true : undefined,
32
32
  contentContainerStyle: contentContainerStyleOverride
33
33
  } = props;
34
+ const withoutAnimation = animationDuration === 0;
34
35
  const keyboard = useAnimatedKeyboard({
35
36
  isNavigationBarTranslucentAndroid: isAndroidEdgeToEdge,
36
37
  isStatusBarTranslucentAndroid: isAndroidEdgeToEdge
@@ -181,10 +182,17 @@ const ScreenFooter = props => {
181
182
  </View>
182
183
  </>;
183
184
  }, [renderBackground, testID, contentContainerStyle, childrenArray]);
185
+ const Container = useMemo(() => {
186
+ return withoutAnimation ? View : Animated.View;
187
+ }, [withoutAnimation]);
188
+ const containerStyle = useMemo(() => {
189
+ return withoutAnimation ? styles.container : [styles.container, hoistedAnimatedStyle];
190
+ // eslint-disable-next-line react-hooks/exhaustive-deps
191
+ }, [withoutAnimation]);
184
192
  if (keyboardBehavior === KeyboardBehavior.HOISTED) {
185
- return <Animated.View style={[styles.container, hoistedAnimatedStyle]} pointerEvents={visible ? 'box-none' : 'none'}>
193
+ return <Container style={containerStyle} pointerEvents={visible ? 'box-none' : 'none'}>
186
194
  <Keyboard.KeyboardAccessoryView renderContent={renderFooterContent} kbInputRef={undefined} scrollBehavior={Keyboard.KeyboardAccessoryView.scrollBehaviors.FIXED_OFFSET} useSafeArea={false} manageScrollView={false} revealKeyboardInteractive onHeightChanged={setHeight} />
187
- </Animated.View>;
195
+ </Container>;
188
196
  }
189
197
  return <Animated.View testID={testID} onLayout={onLayout} style={[styles.container, stickyAnimatedStyle]}>
190
198
  {renderFooterContent()}