react-native-ui-lib 8.4.0-snapshot.7888 → 8.4.0-snapshot.7894
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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-ui-lib",
|
|
3
|
-
"version": "8.4.0-snapshot.
|
|
3
|
+
"version": "8.4.0-snapshot.7894",
|
|
4
4
|
"main": "src/index.js",
|
|
5
5
|
"types": "src/index.d.ts",
|
|
6
6
|
"author": "Ethan Sharabi <ethan.shar@gmail.com>",
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
"@react-native/metro-config": "0.77.3",
|
|
67
67
|
"@react-native/typescript-config": "0.77.3",
|
|
68
68
|
"@shopify/flash-list": "1.7.6",
|
|
69
|
-
"@testing-library/react-native": "
|
|
69
|
+
"@testing-library/react-native": "12.9.0",
|
|
70
70
|
"@types/hoist-non-react-statics": "^3.3.1",
|
|
71
71
|
"@types/jest": "^29.5.13",
|
|
72
72
|
"@types/lodash": "^4.0.0",
|
|
@@ -11,6 +11,7 @@ import { asBaseComponent, Constants } from "../../commons/new";
|
|
|
11
11
|
import { useKeyboardHeight } from "../../hooks";
|
|
12
12
|
import { ScreenFooterProps, ScreenFooterLayouts, ScreenFooterBackgrounds, FooterAlignment, HorizontalItemsDistribution, ItemsFit, KeyboardBehavior, ScreenFooterShadow } from "./types";
|
|
13
13
|
export { ScreenFooterProps, ScreenFooterLayouts, ScreenFooterBackgrounds, FooterAlignment, HorizontalItemsDistribution, ItemsFit, KeyboardBehavior, ScreenFooterShadow };
|
|
14
|
+
const androidVersion = Constants.getAndroidVersion();
|
|
14
15
|
const ScreenFooter = props => {
|
|
15
16
|
const {
|
|
16
17
|
testID,
|
|
@@ -27,9 +28,13 @@ const ScreenFooter = props => {
|
|
|
27
28
|
animationDuration = 200,
|
|
28
29
|
shadow = ScreenFooterShadow.SH20,
|
|
29
30
|
hideDivider = false,
|
|
31
|
+
isAndroidEdgeToEdge = !!androidVersion && androidVersion >= 35 ? true : undefined,
|
|
30
32
|
contentContainerStyle: contentContainerStyleOverride
|
|
31
33
|
} = props;
|
|
32
|
-
const keyboard = useAnimatedKeyboard(
|
|
34
|
+
const keyboard = useAnimatedKeyboard({
|
|
35
|
+
isNavigationBarTranslucentAndroid: isAndroidEdgeToEdge,
|
|
36
|
+
isStatusBarTranslucentAndroid: isAndroidEdgeToEdge
|
|
37
|
+
});
|
|
33
38
|
const [height, setHeight] = useState(0);
|
|
34
39
|
const visibilityTranslateY = useSharedValue(0);
|
|
35
40
|
|
|
@@ -82,6 +82,11 @@
|
|
|
82
82
|
"description": "If true, hides the top divider for solid background. Only applies when backgroundType is 'solid'",
|
|
83
83
|
"default": "false"
|
|
84
84
|
},
|
|
85
|
+
{
|
|
86
|
+
"name": "isAndroidEdgeToEdge",
|
|
87
|
+
"type": "boolean",
|
|
88
|
+
"description": "Indicates if the device is an Android device that supports edge-to-edge. Defaults to true for Android with version 35 and above, undefined for others."
|
|
89
|
+
},
|
|
85
90
|
{
|
|
86
91
|
"name": "contentContainerStyle",
|
|
87
92
|
"type": "StyleProp<ViewStyle>",
|
|
@@ -102,4 +102,9 @@ export interface ScreenFooterProps extends PropsWithChildren<{}> {
|
|
|
102
102
|
* Can be used to override default padding, gap, or other layout properties.
|
|
103
103
|
*/
|
|
104
104
|
contentContainerStyle?: StyleProp<ViewStyle>;
|
|
105
|
+
/**
|
|
106
|
+
* Is this an Android device that supports edge-to-edge
|
|
107
|
+
* Defaults to true for Android with version 35 and above, undefined for others
|
|
108
|
+
*/
|
|
109
|
+
isAndroidEdgeToEdge?: boolean;
|
|
105
110
|
}
|