@momo-kits/foundation 0.75.1-beta.10 → 0.75.1-beta.11
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.
|
@@ -21,12 +21,18 @@ const ScreenContainer: React.FC<ScreenContainerProps> = ({
|
|
|
21
21
|
let marginHeader = 0;
|
|
22
22
|
let handleScroll;
|
|
23
23
|
let imageAnimatedStyle = {};
|
|
24
|
+
let opacity;
|
|
24
25
|
let Component: any = View;
|
|
25
26
|
if (scrollable) {
|
|
26
27
|
Component = Animated.ScrollView;
|
|
27
28
|
}
|
|
28
29
|
if (scrollY) {
|
|
29
30
|
marginHeader = useHeaderHeight();
|
|
31
|
+
opacity = scrollY?.interpolate({
|
|
32
|
+
inputRange: [0, 100],
|
|
33
|
+
outputRange: [1, 0],
|
|
34
|
+
extrapolate: 'clamp',
|
|
35
|
+
});
|
|
30
36
|
imageAnimatedStyle = {
|
|
31
37
|
transform: [
|
|
32
38
|
{
|
|
@@ -80,6 +86,7 @@ const ScreenContainer: React.FC<ScreenContainerProps> = ({
|
|
|
80
86
|
uri: headerBackground,
|
|
81
87
|
}}
|
|
82
88
|
style={{
|
|
89
|
+
opacity: opacity ?? 1,
|
|
83
90
|
aspectRatio: 1.3,
|
|
84
91
|
...imageAnimatedStyle,
|
|
85
92
|
}}
|
|
@@ -82,7 +82,9 @@ const HeaderTitle: React.FC<any> = props => {
|
|
|
82
82
|
return (
|
|
83
83
|
<Animated.Text
|
|
84
84
|
{...props}
|
|
85
|
-
accessibilityLabel={`HeaderTitle/${props.children}`}
|
|
85
|
+
accessibilityLabel={`accessibilityLabel/HeaderTitle/${props.children}`}
|
|
86
|
+
testID={`testID/HeaderTitle/${props.children}`}
|
|
87
|
+
nativeID={`nativeID/HeaderTitle/${props.children}`}
|
|
86
88
|
style={[
|
|
87
89
|
styles.title,
|
|
88
90
|
{fontFamily: `${theme.font}-Bold`, opacity, color: props.tintColor},
|
|
@@ -339,7 +341,8 @@ const HeaderToolkitAction: React.FC<any> = ({tintColor}) => {
|
|
|
339
341
|
</TouchableOpacity>
|
|
340
342
|
<View style={[styles.divider, {backgroundColor: tintColor}]} />
|
|
341
343
|
<TouchableOpacity
|
|
342
|
-
accessibilityLabel={
|
|
344
|
+
accessibilityLabel={`accessibilityLabel/Toolkit/Close`}
|
|
345
|
+
testID={`testID/HeaderTitle/Toolkit/Close`}
|
|
343
346
|
onPress={onClose}>
|
|
344
347
|
<Icon
|
|
345
348
|
color={tintColor}
|
package/Navigation/utils.tsx
CHANGED
|
@@ -26,7 +26,7 @@ const getTintColor = (theme: Theme): any => {
|
|
|
26
26
|
|
|
27
27
|
const getStackOptions = (theme: Theme): StackNavigationOptions => {
|
|
28
28
|
return {
|
|
29
|
-
headerTitleAlign: '
|
|
29
|
+
headerTitleAlign: 'left',
|
|
30
30
|
headerTitle: HeaderTitle,
|
|
31
31
|
headerBackground: HeaderBackground,
|
|
32
32
|
headerLeft: (props: any) => <HeaderLeft {...props} />,
|
|
@@ -37,7 +37,7 @@ const getStackOptions = (theme: Theme): StackNavigationOptions => {
|
|
|
37
37
|
|
|
38
38
|
const getDialogOptions = (theme: Theme): StackNavigationOptions => {
|
|
39
39
|
return {
|
|
40
|
-
headerTitleAlign: '
|
|
40
|
+
headerTitleAlign: 'left',
|
|
41
41
|
headerTitle: HeaderTitle,
|
|
42
42
|
headerLeft: (props: any) => <HeaderLeft {...props} />,
|
|
43
43
|
headerBackground: HeaderBackground,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@momo-kits/foundation",
|
|
3
|
-
"version": "0.75.1-beta.
|
|
3
|
+
"version": "0.75.1-beta.11",
|
|
4
4
|
"description": "React Native Component Kits",
|
|
5
5
|
"main": "index.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -38,4 +38,4 @@
|
|
|
38
38
|
},
|
|
39
39
|
"author": "@momo-kits/foundation",
|
|
40
40
|
"license": "ISC"
|
|
41
|
-
}
|
|
41
|
+
}
|