@applicaster/zapp-react-native-ui-components 13.0.0-rc.117 → 13.0.0-rc.119
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useCallback, useEffect, useMemo, useRef } from "react";
|
|
2
|
-
import { View, ScrollView,
|
|
2
|
+
import { View, ScrollView, Platform } from "react-native";
|
|
3
3
|
import { Button } from "./Button";
|
|
4
4
|
import { ItemIconProps } from "./Button/ItemIcon";
|
|
5
5
|
import { ItemProps } from "./Button/Item";
|
|
@@ -39,12 +39,6 @@ type ModalComponentProps = {
|
|
|
39
39
|
iconPlacement?: "left" | "right";
|
|
40
40
|
};
|
|
41
41
|
|
|
42
|
-
const styles = StyleSheet.create({
|
|
43
|
-
container: {
|
|
44
|
-
maxHeight: "100%",
|
|
45
|
-
},
|
|
46
|
-
});
|
|
47
|
-
|
|
48
42
|
export function BottomSheetModalContent(props: ModalComponentProps) {
|
|
49
43
|
const {
|
|
50
44
|
items,
|
|
@@ -96,12 +90,10 @@ export function BottomSheetModalContent(props: ModalComponentProps) {
|
|
|
96
90
|
|
|
97
91
|
return (
|
|
98
92
|
<View
|
|
99
|
-
style={
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
},
|
|
104
|
-
]}
|
|
93
|
+
style={{
|
|
94
|
+
maxHeight: props.maxHeight,
|
|
95
|
+
paddingTop: paddingTop,
|
|
96
|
+
}}
|
|
105
97
|
>
|
|
106
98
|
<ModalHeader
|
|
107
99
|
dismiss={dismiss}
|
|
@@ -112,7 +104,7 @@ export function BottomSheetModalContent(props: ModalComponentProps) {
|
|
|
112
104
|
<ScrollView
|
|
113
105
|
contentContainerStyle={{
|
|
114
106
|
paddingBottom:
|
|
115
|
-
Platform.OS === "ios" ?
|
|
107
|
+
paddingBottom + (Platform.OS === "ios" ? bottomInset : 0),
|
|
116
108
|
}}
|
|
117
109
|
>
|
|
118
110
|
{items.map((item, index) => (
|
|
@@ -329,6 +329,14 @@ export const AnimatedScrollModalComponent = ({ children }: Props) => {
|
|
|
329
329
|
}
|
|
330
330
|
}, [playerAnimationState]);
|
|
331
331
|
|
|
332
|
+
React.useEffect(() => {
|
|
333
|
+
setScrollModalAnimatedValue(
|
|
334
|
+
translateYOffset,
|
|
335
|
+
modalSnapPoints[1],
|
|
336
|
+
setLastSnap
|
|
337
|
+
);
|
|
338
|
+
}, [modalSnapPoints[1]]);
|
|
339
|
+
|
|
332
340
|
React.useEffect(() => {
|
|
333
341
|
const lastScrollYListenerId = lastScrollY.addListener(({ value }) => {
|
|
334
342
|
lastScrollYValue.current = value;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@applicaster/zapp-react-native-ui-components",
|
|
3
|
-
"version": "13.0.0-rc.
|
|
3
|
+
"version": "13.0.0-rc.119",
|
|
4
4
|
"description": "Applicaster Zapp React Native ui components for the Quick Brick App",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"types": "index.d.ts",
|
|
@@ -31,10 +31,10 @@
|
|
|
31
31
|
"redux-mock-store": "^1.5.3"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@applicaster/applicaster-types": "13.0.0-rc.
|
|
35
|
-
"@applicaster/zapp-react-native-bridge": "13.0.0-rc.
|
|
36
|
-
"@applicaster/zapp-react-native-redux": "13.0.0-rc.
|
|
37
|
-
"@applicaster/zapp-react-native-utils": "13.0.0-rc.
|
|
34
|
+
"@applicaster/applicaster-types": "13.0.0-rc.119",
|
|
35
|
+
"@applicaster/zapp-react-native-bridge": "13.0.0-rc.119",
|
|
36
|
+
"@applicaster/zapp-react-native-redux": "13.0.0-rc.119",
|
|
37
|
+
"@applicaster/zapp-react-native-utils": "13.0.0-rc.119",
|
|
38
38
|
"promise": "^8.3.0",
|
|
39
39
|
"react-router-native": "^5.1.2",
|
|
40
40
|
"url": "^0.11.0",
|