@react-navigation/elements 2.0.0-alpha.2 → 2.0.0-alpha.3
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/lib/commonjs/Background.js +2 -2
- package/lib/commonjs/Background.js.map +1 -1
- package/lib/commonjs/Button.js +100 -0
- package/lib/commonjs/Button.js.map +1 -0
- package/lib/commonjs/Header/Header.js +8 -4
- package/lib/commonjs/Header/Header.js.map +1 -1
- package/lib/commonjs/Header/HeaderBackButton.js +17 -14
- package/lib/commonjs/Header/HeaderBackButton.js.map +1 -1
- package/lib/commonjs/Header/HeaderBackContext.js +1 -2
- package/lib/commonjs/Header/HeaderBackContext.js.map +1 -1
- package/lib/commonjs/Header/HeaderBackground.js +2 -2
- package/lib/commonjs/Header/HeaderBackground.js.map +1 -1
- package/lib/commonjs/Header/HeaderHeightContext.js +1 -2
- package/lib/commonjs/Header/HeaderHeightContext.js.map +1 -1
- package/lib/commonjs/Header/HeaderShownContext.js +1 -2
- package/lib/commonjs/Header/HeaderShownContext.js.map +1 -1
- package/lib/commonjs/Header/HeaderTitle.js +2 -2
- package/lib/commonjs/Header/HeaderTitle.js.map +1 -1
- package/lib/commonjs/Header/getDefaultHeaderHeight.js.map +1 -1
- package/lib/commonjs/Header/getHeaderTitle.js.map +1 -1
- package/lib/commonjs/Header/useHeaderHeight.js +2 -2
- package/lib/commonjs/Header/useHeaderHeight.js.map +1 -1
- package/lib/commonjs/Label/Label.js +6 -10
- package/lib/commonjs/Label/Label.js.map +1 -1
- package/lib/commonjs/Label/getLabel.js.map +1 -1
- package/lib/commonjs/MaskedView.android.js.map +1 -1
- package/lib/commonjs/MaskedView.ios.js.map +1 -1
- package/lib/commonjs/MaskedView.js.map +1 -1
- package/lib/commonjs/MaskedViewNative.js +3 -2
- package/lib/commonjs/MaskedViewNative.js.map +1 -1
- package/lib/commonjs/MissingIcon.js +2 -2
- package/lib/commonjs/MissingIcon.js.map +1 -1
- package/lib/commonjs/PlatformPressable.js +27 -4
- package/lib/commonjs/PlatformPressable.js.map +1 -1
- package/lib/commonjs/ResourceSavingView.js +2 -2
- package/lib/commonjs/ResourceSavingView.js.map +1 -1
- package/lib/commonjs/SafeAreaProviderCompat.js +2 -2
- package/lib/commonjs/SafeAreaProviderCompat.js.map +1 -1
- package/lib/commonjs/Screen.js +2 -2
- package/lib/commonjs/Screen.js.map +1 -1
- package/lib/commonjs/Text.js +28 -0
- package/lib/commonjs/Text.js.map +1 -0
- package/lib/commonjs/getDefaultSidebarWidth.js.map +1 -1
- package/lib/commonjs/getNamedContext.js +2 -2
- package/lib/commonjs/getNamedContext.js.map +1 -1
- package/lib/commonjs/index.js +18 -3
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/module/Background.js.map +1 -1
- package/lib/module/Button.js +91 -0
- package/lib/module/Button.js.map +1 -0
- package/lib/module/Header/Header.js +6 -2
- package/lib/module/Header/Header.js.map +1 -1
- package/lib/module/Header/HeaderBackButton.js +15 -12
- package/lib/module/Header/HeaderBackButton.js.map +1 -1
- package/lib/module/Header/HeaderBackContext.js.map +1 -1
- package/lib/module/Header/HeaderBackground.js.map +1 -1
- package/lib/module/Header/HeaderHeightContext.js.map +1 -1
- package/lib/module/Header/HeaderShownContext.js.map +1 -1
- package/lib/module/Header/HeaderTitle.js.map +1 -1
- package/lib/module/Header/getDefaultHeaderHeight.js.map +1 -1
- package/lib/module/Header/getHeaderTitle.js.map +1 -1
- package/lib/module/Header/useHeaderHeight.js.map +1 -1
- package/lib/module/Label/Label.js +4 -8
- package/lib/module/Label/Label.js.map +1 -1
- package/lib/module/Label/getLabel.js.map +1 -1
- package/lib/module/MaskedView.android.js.map +1 -1
- package/lib/module/MaskedView.ios.js.map +1 -1
- package/lib/module/MaskedView.js.map +1 -1
- package/lib/module/MaskedViewNative.js +1 -0
- package/lib/module/MaskedViewNative.js.map +1 -1
- package/lib/module/MissingIcon.js.map +1 -1
- package/lib/module/PlatformPressable.js +25 -2
- package/lib/module/PlatformPressable.js.map +1 -1
- package/lib/module/ResourceSavingView.js.map +1 -1
- package/lib/module/SafeAreaProviderCompat.js.map +1 -1
- package/lib/module/Screen.js.map +1 -1
- package/lib/module/Text.js +20 -0
- package/lib/module/Text.js.map +1 -0
- package/lib/module/getDefaultSidebarWidth.js.map +1 -1
- package/lib/module/getNamedContext.js.map +1 -1
- package/lib/module/index.js +2 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/types.js.map +1 -1
- package/lib/typescript/src/Background.d.ts +2 -2
- package/lib/typescript/src/Background.d.ts.map +1 -1
- package/lib/typescript/src/Button.d.ts +12 -0
- package/lib/typescript/src/Button.d.ts.map +1 -0
- package/lib/typescript/src/Header/Header.d.ts +2 -1
- package/lib/typescript/src/Header/Header.d.ts.map +1 -1
- package/lib/typescript/src/Header/HeaderBackButton.d.ts +2 -1
- package/lib/typescript/src/Header/HeaderBackButton.d.ts.map +1 -1
- package/lib/typescript/src/Header/HeaderBackContext.d.ts +2 -1
- package/lib/typescript/src/Header/HeaderBackContext.d.ts.map +1 -1
- package/lib/typescript/src/Header/HeaderBackground.d.ts +2 -2
- package/lib/typescript/src/Header/HeaderBackground.d.ts.map +1 -1
- package/lib/typescript/src/Header/HeaderTitle.d.ts +3 -2
- package/lib/typescript/src/Header/HeaderTitle.d.ts.map +1 -1
- package/lib/typescript/src/Label/Label.d.ts +3 -2
- package/lib/typescript/src/Label/Label.d.ts.map +1 -1
- package/lib/typescript/src/MaskedViewNative.d.ts +1 -1
- package/lib/typescript/src/MaskedViewNative.d.ts.map +1 -1
- package/lib/typescript/src/MissingIcon.d.ts +3 -2
- package/lib/typescript/src/MissingIcon.d.ts.map +1 -1
- package/lib/typescript/src/PlatformPressable.d.ts +3 -2
- package/lib/typescript/src/PlatformPressable.d.ts.map +1 -1
- package/lib/typescript/src/ResourceSavingView.d.ts +2 -2
- package/lib/typescript/src/ResourceSavingView.d.ts.map +1 -1
- package/lib/typescript/src/SafeAreaProviderCompat.d.ts +2 -2
- package/lib/typescript/src/SafeAreaProviderCompat.d.ts.map +1 -1
- package/lib/typescript/src/Screen.d.ts +3 -3
- package/lib/typescript/src/Screen.d.ts.map +1 -1
- package/lib/typescript/src/Text.d.ts +4 -0
- package/lib/typescript/src/Text.d.ts.map +1 -0
- package/lib/typescript/src/getNamedContext.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +2 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +4 -0
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/package.json +14 -12
- package/src/Background.tsx +6 -1
- package/src/Button.tsx +97 -0
- package/src/Header/Header.tsx +13 -3
- package/src/Header/HeaderBackButton.tsx +11 -8
- package/src/Header/HeaderBackContext.tsx +3 -4
- package/src/Header/HeaderBackground.tsx +3 -3
- package/src/Header/HeaderTitle.tsx +3 -3
- package/src/Label/Label.tsx +6 -13
- package/src/MaskedViewNative.tsx +1 -0
- package/src/MissingIcon.tsx +1 -1
- package/src/PlatformPressable.tsx +32 -4
- package/src/ResourceSavingView.tsx +7 -1
- package/src/SafeAreaProviderCompat.tsx +2 -2
- package/src/Screen.tsx +10 -4
- package/src/Text.tsx +14 -0
- package/src/getNamedContext.tsx +1 -0
- package/src/index.tsx +2 -0
- package/src/types.tsx +4 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/Header/Header.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAMtD,KAAK,KAAK,GAAG,aAAa,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAkBF,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,qBA2PlC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import type { HeaderBackButtonProps } from '../types';
|
|
2
|
-
export declare function HeaderBackButton({ disabled, allowFontScaling, backImage, label, labelStyle, labelVisible, onLabelLayout, onPress, pressColor, pressOpacity, screenLayout, tintColor: customTintColor, titleLayout, truncatedLabel, accessibilityLabel, testID, style, }: HeaderBackButtonProps): JSX.Element;
|
|
3
|
+
export declare function HeaderBackButton({ disabled, allowFontScaling, backImage, label, labelStyle, labelVisible, onLabelLayout, onPress, pressColor, pressOpacity, screenLayout, tintColor: customTintColor, titleLayout, truncatedLabel, accessibilityLabel, testID, style, href, }: HeaderBackButtonProps): React.JSX.Element;
|
|
3
4
|
//# sourceMappingURL=HeaderBackButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBackButton.d.ts","sourceRoot":"","sources":["../../../../src/Header/HeaderBackButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"HeaderBackButton.d.ts","sourceRoot":"","sources":["../../../../src/Header/HeaderBackButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtD,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,UAAU,EACV,YAAoC,EACpC,aAAa,EACb,OAAO,EACP,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,SAAS,EAAE,eAAe,EAC1B,WAAW,EACX,cAAuB,EACvB,kBAA6E,EAC7E,MAAM,EACN,KAAK,EACL,IAAI,GACL,EAAE,qBAAqB,qBAkJvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBackContext.d.ts","sourceRoot":"","sources":["../../../../src/Header/HeaderBackContext.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,iBAAiB;
|
|
1
|
+
{"version":3,"file":"HeaderBackContext.d.ts","sourceRoot":"","sources":["../../../../src/Header/HeaderBackContext.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,iBAAiB;WACnB,MAAM,GAAG,SAAS;UAAQ,MAAM,GAAG,SAAS;cACtB,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Animated, StyleProp, ViewProps, ViewStyle } from 'react-native';
|
|
2
|
+
import { Animated, type StyleProp, type ViewProps, type ViewStyle } from 'react-native';
|
|
3
3
|
type Props = Omit<ViewProps, 'style'> & {
|
|
4
4
|
style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
};
|
|
7
|
-
export declare function HeaderBackground({ style, ...rest }: Props): JSX.Element;
|
|
7
|
+
export declare function HeaderBackground({ style, ...rest }: Props): React.JSX.Element;
|
|
8
8
|
export {};
|
|
9
9
|
//# sourceMappingURL=HeaderBackground.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBackground.d.ts","sourceRoot":"","sources":["../../../../src/Header/HeaderBackground.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EAER,SAAS,
|
|
1
|
+
{"version":3,"file":"HeaderBackground.d.ts","sourceRoot":"","sources":["../../../../src/Header/HeaderBackground.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EAER,KAAK,SAAS,EAEd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACtC,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,qBAiBzD"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Animated, type StyleProp, type TextProps, type TextStyle } from 'react-native';
|
|
2
3
|
type Props = Omit<TextProps, 'style'> & {
|
|
3
4
|
tintColor?: string;
|
|
4
5
|
children?: string;
|
|
5
6
|
style?: Animated.WithAnimatedValue<StyleProp<TextStyle>>;
|
|
6
7
|
};
|
|
7
|
-
export declare function HeaderTitle({ tintColor, style, ...rest }: Props): JSX.Element;
|
|
8
|
+
export declare function HeaderTitle({ tintColor, style, ...rest }: Props): React.JSX.Element;
|
|
8
9
|
export {};
|
|
9
10
|
//# sourceMappingURL=HeaderTitle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderTitle.d.ts","sourceRoot":"","sources":["../../../../src/Header/HeaderTitle.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"HeaderTitle.d.ts","sourceRoot":"","sources":["../../../../src/Header/HeaderTitle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EAER,KAAK,SAAS,EAEd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1D,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,qBAiB/D"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type StyleProp, type TextProps, type TextStyle } from 'react-native';
|
|
2
3
|
type Props = Omit<TextProps, 'style'> & {
|
|
3
4
|
tintColor?: string;
|
|
4
5
|
children?: string;
|
|
5
6
|
style?: StyleProp<TextStyle>;
|
|
6
7
|
};
|
|
7
|
-
export declare function Label({ tintColor, style, ...rest }: Props): JSX.Element;
|
|
8
|
+
export declare function Label({ tintColor, style, ...rest }: Props): React.JSX.Element;
|
|
8
9
|
export {};
|
|
9
10
|
//# sourceMappingURL=Label.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/Label/Label.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,SAAS,EAEd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,KAAK,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,qBAQzD"}
|
|
@@ -6,6 +6,6 @@ type MaskedViewType = typeof import('@react-native-masked-view/masked-view').def
|
|
|
6
6
|
type Props = React.ComponentProps<MaskedViewType> & {
|
|
7
7
|
children: React.ReactElement;
|
|
8
8
|
};
|
|
9
|
-
export declare function MaskedView({ children, ...rest }: Props): JSX.Element;
|
|
9
|
+
export declare function MaskedView({ children, ...rest }: Props): React.JSX.Element;
|
|
10
10
|
export {};
|
|
11
11
|
//# sourceMappingURL=MaskedViewNative.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaskedViewNative.d.ts","sourceRoot":"","sources":["../../../src/MaskedViewNative.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,cAAc,GACjB,cAAc,uCAAuC,EAAE,OAAO,CAAC;AAEjE,KAAK,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAClD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B,CAAC;
|
|
1
|
+
{"version":3,"file":"MaskedViewNative.d.ts","sourceRoot":"","sources":["../../../src/MaskedViewNative.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,cAAc,GACjB,cAAc,uCAAuC,EAAE,OAAO,CAAC;AAEjE,KAAK,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAClD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B,CAAC;AAgBF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,qBAMtD"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type StyleProp, type TextStyle } from 'react-native';
|
|
2
3
|
type Props = {
|
|
3
4
|
color?: string;
|
|
4
5
|
size?: number;
|
|
5
6
|
style?: StyleProp<TextStyle>;
|
|
6
7
|
};
|
|
7
|
-
export declare function MissingIcon({ color, size, style }: Props): JSX.Element;
|
|
8
|
+
export declare function MissingIcon({ color, size, style }: Props): React.JSX.Element;
|
|
8
9
|
export {};
|
|
9
10
|
//# sourceMappingURL=MissingIcon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MissingIcon.d.ts","sourceRoot":"","sources":["../../../src/MissingIcon.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MissingIcon.d.ts","sourceRoot":"","sources":["../../../src/MissingIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,SAAS,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhF,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,qBAExD"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Animated, PressableProps, StyleProp, ViewStyle } from 'react-native';
|
|
2
|
+
import { Animated, type PressableProps, type StyleProp, type ViewStyle } from 'react-native';
|
|
3
3
|
export type Props = Omit<PressableProps, 'style'> & {
|
|
4
4
|
pressColor?: string;
|
|
5
5
|
pressOpacity?: number;
|
|
6
6
|
style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
|
|
7
|
+
href?: string;
|
|
7
8
|
children: React.ReactNode;
|
|
8
9
|
};
|
|
9
10
|
/**
|
|
10
11
|
* PlatformPressable provides an abstraction on top of Pressable to handle platform differences.
|
|
11
12
|
*/
|
|
12
|
-
export declare function PlatformPressable({ onPressIn, onPressOut, android_ripple, pressColor, pressOpacity, style, ...rest }: Props): JSX.Element;
|
|
13
|
+
export declare function PlatformPressable({ disabled, onPress, onPressIn, onPressOut, android_ripple, pressColor, pressOpacity, style, ...rest }: Props): React.JSX.Element;
|
|
13
14
|
//# sourceMappingURL=PlatformPressable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlatformPressable.d.ts","sourceRoot":"","sources":["../../../src/PlatformPressable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EAKR,cAAc,
|
|
1
|
+
{"version":3,"file":"PlatformPressable.d.ts","sourceRoot":"","sources":["../../../src/PlatformPressable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EAKR,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAQF;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,EACV,cAAc,EACd,UAAU,EACV,YAAkB,EAClB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,KAAK,qBAyEP"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { StyleProp, ViewStyle } from 'react-native';
|
|
2
|
+
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
3
3
|
type Props = {
|
|
4
4
|
visible: boolean;
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
style?: StyleProp<ViewStyle>;
|
|
7
7
|
};
|
|
8
|
-
export declare function ResourceSavingView({ visible, children, style, ...rest }: Props): JSX.Element;
|
|
8
|
+
export declare function ResourceSavingView({ visible, children, style, ...rest }: Props): React.JSX.Element;
|
|
9
9
|
export {};
|
|
10
10
|
//# sourceMappingURL=ResourceSavingView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceSavingView.d.ts","sourceRoot":"","sources":["../../../src/ResourceSavingView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"ResourceSavingView.d.ts","sourceRoot":"","sources":["../../../src/ResourceSavingView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAIF,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,KAAK,qBAuCP"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { StyleProp, ViewStyle } from 'react-native';
|
|
2
|
+
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
3
3
|
type Props = {
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
style?: StyleProp<ViewStyle>;
|
|
6
6
|
};
|
|
7
|
-
export declare function SafeAreaProviderCompat({ children, style }: Props): JSX.Element;
|
|
7
|
+
export declare function SafeAreaProviderCompat({ children, style }: Props): React.JSX.Element;
|
|
8
8
|
export declare namespace SafeAreaProviderCompat {
|
|
9
9
|
var initialMetrics: import("react-native-safe-area-context").Metrics;
|
|
10
10
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SafeAreaProviderCompat.d.ts","sourceRoot":"","sources":["../../../src/SafeAreaProviderCompat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,SAAS,
|
|
1
|
+
{"version":3,"file":"SafeAreaProviderCompat.d.ts","sourceRoot":"","sources":["../../../src/SafeAreaProviderCompat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAeF,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,qBAehE;yBAfe,sBAAsB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { NavigationProp, ParamListBase, RouteProp } from '@react-navigation/native';
|
|
1
|
+
import { type NavigationProp, type ParamListBase, type RouteProp } from '@react-navigation/native';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { Animated, StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
import { Animated, type StyleProp, type ViewStyle } from 'react-native';
|
|
4
4
|
type Props = {
|
|
5
5
|
focused: boolean;
|
|
6
6
|
modal?: boolean;
|
|
@@ -13,6 +13,6 @@ type Props = {
|
|
|
13
13
|
style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
|
|
14
14
|
children: React.ReactNode;
|
|
15
15
|
};
|
|
16
|
-
export declare function Screen(props: Props): JSX.Element;
|
|
16
|
+
export declare function Screen(props: Props): React.JSX.Element;
|
|
17
17
|
export {};
|
|
18
18
|
//# sourceMappingURL=Screen.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../src/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,
|
|
1
|
+
{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../src/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAWtB,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,qBA2DlC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAElE,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,qBASjD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getNamedContext.d.ts","sourceRoot":"","sources":["../../../src/getNamedContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,CAAC,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"getNamedContext.d.ts","sourceRoot":"","sources":["../../../src/getNamedContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,qCAAqC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;CAC5E;AAKD,wBAAgB,eAAe,CAAC,CAAC,EAC/B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,CAAC,GACd,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAalB"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { Background } from './Background';
|
|
2
|
+
export { Button } from './Button';
|
|
2
3
|
export { getDefaultSidebarWidth } from './getDefaultSidebarWidth';
|
|
3
4
|
export { getDefaultHeaderHeight } from './Header/getDefaultHeaderHeight';
|
|
4
5
|
export { getHeaderTitle } from './Header/getHeaderTitle';
|
|
@@ -17,6 +18,7 @@ export { PlatformPressable } from './PlatformPressable';
|
|
|
17
18
|
export { ResourceSavingView } from './ResourceSavingView';
|
|
18
19
|
export { SafeAreaProviderCompat } from './SafeAreaProviderCompat';
|
|
19
20
|
export { Screen } from './Screen';
|
|
21
|
+
export { Text } from './Text';
|
|
20
22
|
export declare const Assets: any[];
|
|
21
23
|
export * from './types';
|
|
22
24
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,eAAO,MAAM,MAAM,OAKlB,CAAC;AAEF,cAAc,SAAS,CAAC"}
|
|
@@ -172,6 +172,10 @@ export type HeaderBackButtonProps = HeaderButtonProps & {
|
|
|
172
172
|
backImage?: (props: {
|
|
173
173
|
tintColor: string;
|
|
174
174
|
}) => React.ReactNode;
|
|
175
|
+
/**
|
|
176
|
+
* The `href` to use for the anchor tag on web
|
|
177
|
+
*/
|
|
178
|
+
href?: string;
|
|
175
179
|
/**
|
|
176
180
|
* Label text for the button. Usually the title of the previous screen.
|
|
177
181
|
* By default, this is only shown on iOS.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-navigation/elements",
|
|
3
3
|
"description": "UI Components for React Navigation",
|
|
4
|
-
"version": "2.0.0-alpha.
|
|
4
|
+
"version": "2.0.0-alpha.3",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
7
7
|
"react-navigation",
|
|
@@ -36,23 +36,25 @@
|
|
|
36
36
|
"prepack": "bob build",
|
|
37
37
|
"clean": "del lib"
|
|
38
38
|
},
|
|
39
|
+
"dependencies": {
|
|
40
|
+
"color": "^4.2.3"
|
|
41
|
+
},
|
|
39
42
|
"devDependencies": {
|
|
40
43
|
"@react-native-masked-view/masked-view": "0.2.9",
|
|
41
|
-
"@react-navigation/native": "^7.0.0-alpha.
|
|
42
|
-
"@testing-library/react-native": "^
|
|
43
|
-
"@types/react": "~18.
|
|
44
|
-
"
|
|
45
|
-
"del-cli": "^5.0.0",
|
|
44
|
+
"@react-navigation/native": "^7.0.0-alpha.5",
|
|
45
|
+
"@testing-library/react-native": "^12.3.1",
|
|
46
|
+
"@types/react": "~18.2.33",
|
|
47
|
+
"del-cli": "^5.1.0",
|
|
46
48
|
"react": "18.2.0",
|
|
47
|
-
"react-native": "0.
|
|
48
|
-
"react-native-builder-bob": "^0.
|
|
49
|
-
"typescript": "^
|
|
49
|
+
"react-native": "0.72.6",
|
|
50
|
+
"react-native-builder-bob": "^0.23.1",
|
|
51
|
+
"typescript": "^5.2.2"
|
|
50
52
|
},
|
|
51
53
|
"peerDependencies": {
|
|
52
54
|
"@react-navigation/native": "^6.0.0",
|
|
53
55
|
"react": "*",
|
|
54
|
-
"react-native": "
|
|
55
|
-
"react-native-safe-area-context": "
|
|
56
|
+
"react-native": "0.72.6",
|
|
57
|
+
"react-native-safe-area-context": "4.6.3"
|
|
56
58
|
},
|
|
57
59
|
"react-native-builder-bob": {
|
|
58
60
|
"source": "src",
|
|
@@ -68,5 +70,5 @@
|
|
|
68
70
|
]
|
|
69
71
|
]
|
|
70
72
|
},
|
|
71
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "858a8746a5c007a623206c920f70d55935ed39b4"
|
|
72
74
|
}
|
package/src/Background.tsx
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import { useTheme } from '@react-navigation/native';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import {
|
|
4
|
+
Animated,
|
|
5
|
+
type StyleProp,
|
|
6
|
+
type ViewProps,
|
|
7
|
+
type ViewStyle,
|
|
8
|
+
} from 'react-native';
|
|
4
9
|
|
|
5
10
|
type Props = Omit<ViewProps, 'style'> & {
|
|
6
11
|
style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
|
package/src/Button.tsx
ADDED
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { useLinkProps, useTheme } from '@react-navigation/native';
|
|
2
|
+
import Color from 'color';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { StyleSheet } from 'react-native';
|
|
5
|
+
|
|
6
|
+
import {
|
|
7
|
+
PlatformPressable,
|
|
8
|
+
type Props as PlatformPressableProps,
|
|
9
|
+
} from './PlatformPressable';
|
|
10
|
+
import { Text } from './Text';
|
|
11
|
+
|
|
12
|
+
type BaseProps = Omit<PlatformPressableProps, 'children'> & {
|
|
13
|
+
variant?: 'plain' | 'tinted' | 'filled';
|
|
14
|
+
color?: string;
|
|
15
|
+
children: string | string[];
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
type LinkProps = Omit<BaseProps, 'onPress'> &
|
|
19
|
+
Parameters<typeof useLinkProps>[0];
|
|
20
|
+
|
|
21
|
+
const BUTTON_RADIUS = 40;
|
|
22
|
+
|
|
23
|
+
export function Button(props: BaseProps | LinkProps) {
|
|
24
|
+
if ('screen' in props || 'action' in props) {
|
|
25
|
+
return <ButtonLink {...props} />;
|
|
26
|
+
} else {
|
|
27
|
+
return <ButtonBase {...props} />;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
function ButtonLink({ screen, params, action, href, ...rest }: LinkProps) {
|
|
32
|
+
// @ts-expect-error: This is already type-checked by the prop types
|
|
33
|
+
const props = useLinkProps({ screen, params, action, href });
|
|
34
|
+
|
|
35
|
+
return <ButtonBase {...rest} {...props} />;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
function ButtonBase({
|
|
39
|
+
variant = 'tinted',
|
|
40
|
+
color: customColor,
|
|
41
|
+
android_ripple,
|
|
42
|
+
style,
|
|
43
|
+
children,
|
|
44
|
+
...rest
|
|
45
|
+
}: BaseProps) {
|
|
46
|
+
const { colors, fonts } = useTheme();
|
|
47
|
+
|
|
48
|
+
const color = customColor ?? colors.primary;
|
|
49
|
+
|
|
50
|
+
let backgroundColor;
|
|
51
|
+
let textColor;
|
|
52
|
+
|
|
53
|
+
switch (variant) {
|
|
54
|
+
case 'plain':
|
|
55
|
+
backgroundColor = 'transparent';
|
|
56
|
+
textColor = color;
|
|
57
|
+
break;
|
|
58
|
+
case 'tinted':
|
|
59
|
+
backgroundColor = Color(color).fade(0.85).string();
|
|
60
|
+
textColor = color;
|
|
61
|
+
break;
|
|
62
|
+
case 'filled':
|
|
63
|
+
backgroundColor = color;
|
|
64
|
+
textColor = Color(color).isDark() ? 'white' : 'black';
|
|
65
|
+
break;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
return (
|
|
69
|
+
<PlatformPressable
|
|
70
|
+
{...rest}
|
|
71
|
+
style={[{ backgroundColor }, styles.button, style]}
|
|
72
|
+
android_ripple={{
|
|
73
|
+
radius: BUTTON_RADIUS,
|
|
74
|
+
color: Color(textColor).fade(0.85).string(),
|
|
75
|
+
...android_ripple,
|
|
76
|
+
}}
|
|
77
|
+
>
|
|
78
|
+
<Text style={[{ color: textColor }, fonts.regular, styles.text]}>
|
|
79
|
+
{children}
|
|
80
|
+
</Text>
|
|
81
|
+
</PlatformPressable>
|
|
82
|
+
);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
const styles = StyleSheet.create({
|
|
86
|
+
button: {
|
|
87
|
+
paddingHorizontal: 24,
|
|
88
|
+
paddingVertical: 10,
|
|
89
|
+
borderRadius: BUTTON_RADIUS,
|
|
90
|
+
},
|
|
91
|
+
text: {
|
|
92
|
+
fontSize: 14,
|
|
93
|
+
lineHeight: 20,
|
|
94
|
+
letterSpacing: 0.1,
|
|
95
|
+
textAlign: 'center',
|
|
96
|
+
},
|
|
97
|
+
});
|
package/src/Header/Header.tsx
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import {
|
|
3
|
+
Animated,
|
|
4
|
+
Platform,
|
|
5
|
+
StyleSheet,
|
|
6
|
+
View,
|
|
7
|
+
type ViewStyle,
|
|
8
|
+
} from 'react-native';
|
|
3
9
|
import {
|
|
4
10
|
useSafeAreaFrame,
|
|
5
11
|
useSafeAreaInsets,
|
|
@@ -48,6 +54,10 @@ export function Header(props: Props) {
|
|
|
48
54
|
|
|
49
55
|
const isParentHeaderShown = React.useContext(HeaderShownContext);
|
|
50
56
|
|
|
57
|
+
// On models with Dynamic Island the status bar height is smaller than the safe area top inset.
|
|
58
|
+
const hasDynamicIsland = Platform.OS === 'ios' && insets.top > 50;
|
|
59
|
+
const statusBarHeight = hasDynamicIsland ? insets.top - 5 : insets.top;
|
|
60
|
+
|
|
51
61
|
const {
|
|
52
62
|
layout = frame,
|
|
53
63
|
modal = false,
|
|
@@ -73,7 +83,7 @@ export function Header(props: Props) {
|
|
|
73
83
|
headerShadowVisible,
|
|
74
84
|
headerPressColor,
|
|
75
85
|
headerPressOpacity,
|
|
76
|
-
headerStatusBarHeight = isParentHeaderShown ? 0 :
|
|
86
|
+
headerStatusBarHeight = isParentHeaderShown ? 0 : statusBarHeight,
|
|
77
87
|
} = props;
|
|
78
88
|
|
|
79
89
|
const defaultHeight = getDefaultHeaderHeight(
|
|
@@ -170,7 +180,7 @@ export function Header(props: Props) {
|
|
|
170
180
|
for (const styleProp in safeStyles) {
|
|
171
181
|
// @ts-expect-error: typescript wrongly complains that styleProp cannot be used to index safeStyles
|
|
172
182
|
if (safeStyles[styleProp] === undefined) {
|
|
173
|
-
// @ts-expect-error
|
|
183
|
+
// @ts-expect-error don't need to care about index signature for deletion
|
|
174
184
|
// eslint-disable-next-line @typescript-eslint/no-dynamic-delete
|
|
175
185
|
delete safeStyles[styleProp];
|
|
176
186
|
}
|
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import {
|
|
4
4
|
Animated,
|
|
5
5
|
Image,
|
|
6
|
-
LayoutChangeEvent,
|
|
6
|
+
type LayoutChangeEvent,
|
|
7
7
|
Platform,
|
|
8
8
|
StyleSheet,
|
|
9
9
|
View,
|
|
@@ -31,6 +31,7 @@ export function HeaderBackButton({
|
|
|
31
31
|
accessibilityLabel = label && label !== 'Back' ? `${label}, back` : 'Go back',
|
|
32
32
|
testID,
|
|
33
33
|
style,
|
|
34
|
+
href,
|
|
34
35
|
}: HeaderBackButtonProps) {
|
|
35
36
|
const { colors, fonts } = useTheme();
|
|
36
37
|
const { direction } = useLocale();
|
|
@@ -79,6 +80,7 @@ export function HeaderBackButton({
|
|
|
79
80
|
Boolean(labelVisible) && styles.iconWithLabel,
|
|
80
81
|
Boolean(tintColor) && { tintColor },
|
|
81
82
|
]}
|
|
83
|
+
resizeMode="contain"
|
|
82
84
|
source={require('../assets/back-icon.png')}
|
|
83
85
|
fadeDuration={0}
|
|
84
86
|
/>
|
|
@@ -136,6 +138,7 @@ export function HeaderBackButton({
|
|
|
136
138
|
<View style={styles.iconMaskContainer}>
|
|
137
139
|
<Image
|
|
138
140
|
source={require('../assets/back-icon-mask.png')}
|
|
141
|
+
resizeMode="contain"
|
|
139
142
|
style={[styles.iconMask, direction === 'rtl' && styles.flip]}
|
|
140
143
|
/>
|
|
141
144
|
<View style={styles.iconMaskFillerRect} />
|
|
@@ -147,16 +150,19 @@ export function HeaderBackButton({
|
|
|
147
150
|
);
|
|
148
151
|
};
|
|
149
152
|
|
|
150
|
-
const handlePress = () =>
|
|
153
|
+
const handlePress = () => {
|
|
154
|
+
if (onPress) {
|
|
155
|
+
requestAnimationFrame(() => onPress());
|
|
156
|
+
}
|
|
157
|
+
};
|
|
151
158
|
|
|
152
159
|
return (
|
|
153
160
|
<PlatformPressable
|
|
154
161
|
disabled={disabled}
|
|
155
|
-
|
|
156
|
-
accessibilityRole="button"
|
|
162
|
+
href={href}
|
|
157
163
|
accessibilityLabel={accessibilityLabel}
|
|
158
164
|
testID={testID}
|
|
159
|
-
onPress={
|
|
165
|
+
onPress={handlePress}
|
|
160
166
|
pressColor={pressColor}
|
|
161
167
|
pressOpacity={pressOpacity}
|
|
162
168
|
android_ripple={androidRipple}
|
|
@@ -215,13 +221,11 @@ const styles = StyleSheet.create({
|
|
|
215
221
|
marginLeft: 8,
|
|
216
222
|
marginRight: 22,
|
|
217
223
|
marginVertical: 12,
|
|
218
|
-
resizeMode: 'contain',
|
|
219
224
|
},
|
|
220
225
|
default: {
|
|
221
226
|
height: 24,
|
|
222
227
|
width: 24,
|
|
223
228
|
margin: 3,
|
|
224
|
-
resizeMode: 'contain',
|
|
225
229
|
},
|
|
226
230
|
}),
|
|
227
231
|
iconWithLabel:
|
|
@@ -245,7 +249,6 @@ const styles = StyleSheet.create({
|
|
|
245
249
|
marginLeft: -14.5,
|
|
246
250
|
marginVertical: 12,
|
|
247
251
|
alignSelf: 'center',
|
|
248
|
-
resizeMode: 'contain',
|
|
249
252
|
},
|
|
250
253
|
flip: {
|
|
251
254
|
transform: [{ scaleX: -1 }],
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { getNamedContext } from '../getNamedContext';
|
|
2
2
|
|
|
3
|
-
export const HeaderBackContext = getNamedContext<
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
);
|
|
3
|
+
export const HeaderBackContext = getNamedContext<
|
|
4
|
+
{ title: string | undefined; href: string | undefined } | undefined
|
|
5
|
+
>('HeaderBackContext', undefined);
|