@react-navigation/material-top-tabs 7.0.0-alpha.1 → 7.0.0-alpha.10
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/index.js +7 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/navigators/createMaterialTopTabNavigator.js +8 -5
- package/lib/commonjs/navigators/createMaterialTopTabNavigator.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/commonjs/utils/TabAnimationContext.js +11 -0
- package/lib/commonjs/utils/TabAnimationContext.js.map +1 -0
- package/lib/commonjs/utils/useTabAnimation.js +18 -0
- package/lib/commonjs/utils/useTabAnimation.js.map +1 -0
- package/lib/commonjs/views/MaterialTopTabBar.js +11 -7
- package/lib/commonjs/views/MaterialTopTabBar.js.map +1 -1
- package/lib/commonjs/views/MaterialTopTabView.js +17 -8
- package/lib/commonjs/views/MaterialTopTabView.js.map +1 -1
- package/lib/module/index.js +5 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/navigators/createMaterialTopTabNavigator.js +5 -1
- package/lib/module/navigators/createMaterialTopTabNavigator.js.map +1 -1
- package/lib/module/types.js.map +1 -1
- package/lib/module/utils/TabAnimationContext.js +3 -0
- package/lib/module/utils/TabAnimationContext.js.map +1 -0
- package/lib/module/utils/useTabAnimation.js +10 -0
- package/lib/module/utils/useTabAnimation.js.map +1 -0
- package/lib/module/views/MaterialTopTabBar.js +10 -6
- package/lib/module/views/MaterialTopTabBar.js.map +1 -1
- package/lib/module/views/MaterialTopTabView.js +16 -7
- package/lib/module/views/MaterialTopTabView.js.map +1 -1
- package/lib/typescript/src/index.d.ts +4 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/navigators/createMaterialTopTabNavigator.d.ts +4 -4
- package/lib/typescript/src/navigators/createMaterialTopTabNavigator.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +4 -1
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/lib/typescript/src/utils/TabAnimationContext.d.ts +4 -0
- package/lib/typescript/src/utils/TabAnimationContext.d.ts.map +1 -0
- package/lib/typescript/src/utils/useTabAnimation.d.ts +2 -0
- package/lib/typescript/src/utils/useTabAnimation.d.ts.map +1 -0
- package/lib/typescript/src/views/MaterialTopTabBar.d.ts +2 -2
- package/lib/typescript/src/views/MaterialTopTabBar.d.ts.map +1 -1
- package/lib/typescript/src/views/MaterialTopTabView.d.ts +3 -3
- package/lib/typescript/src/views/MaterialTopTabView.d.ts.map +1 -1
- package/package.json +17 -17
- package/src/index.tsx +5 -0
- package/src/navigators/createMaterialTopTabNavigator.tsx +9 -5
- package/src/types.tsx +7 -2
- package/src/utils/TabAnimationContext.tsx +7 -0
- package/src/utils/useTabAnimation.tsx +15 -0
- package/src/views/MaterialTopTabBar.tsx +14 -15
- package/src/views/MaterialTopTabView.tsx +17 -6
package/lib/commonjs/index.js
CHANGED
|
@@ -21,7 +21,14 @@ Object.defineProperty(exports, "createMaterialTopTabNavigator", {
|
|
|
21
21
|
return _createMaterialTopTabNavigator.createMaterialTopTabNavigator;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
+
Object.defineProperty(exports, "useTabAnimation", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _useTabAnimation.useTabAnimation;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
24
30
|
var _createMaterialTopTabNavigator = require("./navigators/createMaterialTopTabNavigator");
|
|
25
31
|
var _MaterialTopTabBar = require("./views/MaterialTopTabBar");
|
|
26
32
|
var _MaterialTopTabView = require("./views/MaterialTopTabView");
|
|
33
|
+
var _useTabAnimation = require("./utils/useTabAnimation");
|
|
27
34
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_createMaterialTopTabNavigator","require","_MaterialTopTabBar","_MaterialTopTabView","_useTabAnimation"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,8BAAA,GAAAC,OAAA;AAKA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAKA,IAAAG,gBAAA,GAAAH,OAAA"}
|
|
@@ -7,8 +7,8 @@ exports.createMaterialTopTabNavigator = void 0;
|
|
|
7
7
|
var _native = require("@react-navigation/native");
|
|
8
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _MaterialTopTabView = require("../views/MaterialTopTabView");
|
|
10
|
-
function _getRequireWildcardCache(
|
|
11
|
-
function _interopRequireWildcard(
|
|
10
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
11
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
12
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
13
13
|
function MaterialTopTabNavigator(_ref) {
|
|
14
14
|
let {
|
|
@@ -16,8 +16,10 @@ function MaterialTopTabNavigator(_ref) {
|
|
|
16
16
|
initialRouteName,
|
|
17
17
|
backBehavior,
|
|
18
18
|
children,
|
|
19
|
+
layout,
|
|
19
20
|
screenListeners,
|
|
20
21
|
screenOptions,
|
|
22
|
+
screenLayout,
|
|
21
23
|
...rest
|
|
22
24
|
} = _ref;
|
|
23
25
|
const {
|
|
@@ -30,8 +32,10 @@ function MaterialTopTabNavigator(_ref) {
|
|
|
30
32
|
initialRouteName,
|
|
31
33
|
backBehavior,
|
|
32
34
|
children,
|
|
35
|
+
layout,
|
|
33
36
|
screenListeners,
|
|
34
|
-
screenOptions
|
|
37
|
+
screenOptions,
|
|
38
|
+
screenLayout
|
|
35
39
|
});
|
|
36
40
|
return /*#__PURE__*/React.createElement(NavigationContent, null, /*#__PURE__*/React.createElement(_MaterialTopTabView.MaterialTopTabView, _extends({}, rest, {
|
|
37
41
|
state: state,
|
|
@@ -39,6 +43,5 @@ function MaterialTopTabNavigator(_ref) {
|
|
|
39
43
|
descriptors: descriptors
|
|
40
44
|
})));
|
|
41
45
|
}
|
|
42
|
-
const createMaterialTopTabNavigator = (0, _native.createNavigatorFactory)(MaterialTopTabNavigator);
|
|
43
|
-
exports.createMaterialTopTabNavigator = createMaterialTopTabNavigator;
|
|
46
|
+
const createMaterialTopTabNavigator = exports.createMaterialTopTabNavigator = (0, _native.createNavigatorFactory)(MaterialTopTabNavigator);
|
|
44
47
|
//# sourceMappingURL=createMaterialTopTabNavigator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["MaterialTopTabNavigator","id","initialRouteName","backBehavior","children","screenListeners","screenOptions","rest","state","descriptors","navigation","NavigationContent","useNavigationBuilder","TabRouter","createMaterialTopTabNavigator","createNavigatorFactory"],"sourceRoot":"../../../src","sources":["navigators/createMaterialTopTabNavigator.tsx"],"mappings":";;;;;;AAAA;AAUA;AAOA;AAAiE;AAAA;AAAA;AAWjE,
|
|
1
|
+
{"version":3,"names":["_native","require","React","_interopRequireWildcard","_MaterialTopTabView","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","MaterialTopTabNavigator","_ref","id","initialRouteName","backBehavior","children","layout","screenListeners","screenOptions","screenLayout","rest","state","descriptors","navigation","NavigationContent","useNavigationBuilder","TabRouter","createElement","MaterialTopTabView","createMaterialTopTabNavigator","exports","createNavigatorFactory"],"sourceRoot":"../../../src","sources":["navigators/createMaterialTopTabNavigator.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":""}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":""}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.TabAnimationContext = void 0;
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
9
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
10
|
+
const TabAnimationContext = exports.TabAnimationContext = /*#__PURE__*/React.createContext(undefined);
|
|
11
|
+
//# sourceMappingURL=TabAnimationContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","TabAnimationContext","exports","createContext","undefined"],"sourceRoot":"../../../src","sources":["utils/TabAnimationContext.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAIxB,MAAMY,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,gBAAGxB,KAAK,CAAC0B,aAAa,CAEpDC,SAAS,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useTabAnimation = useTabAnimation;
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _TabAnimationContext = require("./TabAnimationContext");
|
|
9
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
|
+
function useTabAnimation() {
|
|
12
|
+
const animation = React.useContext(_TabAnimationContext.TabAnimationContext);
|
|
13
|
+
if (animation === undefined) {
|
|
14
|
+
throw new Error("Couldn't find values for tab animation. Are you inside a screen in Material Top Tab navigator?");
|
|
15
|
+
}
|
|
16
|
+
return animation;
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=useTabAnimation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_TabAnimationContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","useTabAnimation","animation","useContext","TabAnimationContext","undefined","Error"],"sourceRoot":"../../../src","sources":["utils/useTabAnimation.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,oBAAA,GAAAD,OAAA;AAA4D,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAErD,SAASY,eAAeA,CAAA,EAAG;EAChC,MAAMC,SAAS,GAAG1B,KAAK,CAAC2B,UAAU,CAACC,wCAAmB,CAAC;EAEvD,IAAIF,SAAS,KAAKG,SAAS,EAAE;IAC3B,MAAM,IAAIC,KAAK,CACb,gGACF,CAAC;EACH;EAEA,OAAOJ,SAAS;AAClB"}
|
|
@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.MaterialTopTabBar = MaterialTopTabBar;
|
|
7
|
+
var _elements = require("@react-navigation/elements");
|
|
7
8
|
var _native = require("@react-navigation/native");
|
|
8
9
|
var _color = _interopRequireDefault(require("color"));
|
|
9
10
|
var React = _interopRequireWildcard(require("react"));
|
|
10
11
|
var _reactNative = require("react-native");
|
|
11
12
|
var _reactNativeTabView = require("react-native-tab-view");
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
16
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
16
17
|
function MaterialTopTabBar(_ref) {
|
|
@@ -21,14 +22,17 @@ function MaterialTopTabBar(_ref) {
|
|
|
21
22
|
...rest
|
|
22
23
|
} = _ref;
|
|
23
24
|
const {
|
|
24
|
-
colors
|
|
25
|
-
fonts
|
|
25
|
+
colors
|
|
26
26
|
} = (0, _native.useTheme)();
|
|
27
|
+
const {
|
|
28
|
+
direction
|
|
29
|
+
} = (0, _native.useLocale)();
|
|
27
30
|
const focusedOptions = descriptors[state.routes[state.index].key].options;
|
|
28
31
|
const activeColor = focusedOptions.tabBarActiveTintColor ?? colors.text;
|
|
29
32
|
const inactiveColor = focusedOptions.tabBarInactiveTintColor ?? (0, _color.default)(activeColor).alpha(0.5).rgb().string();
|
|
30
33
|
return /*#__PURE__*/React.createElement(_reactNativeTabView.TabBar, _extends({}, rest, {
|
|
31
34
|
navigationState: state,
|
|
35
|
+
direction: direction,
|
|
32
36
|
scrollEnabled: focusedOptions.tabBarScrollEnabled,
|
|
33
37
|
bounces: focusedOptions.tabBarBounces,
|
|
34
38
|
activeColor: activeColor,
|
|
@@ -118,10 +122,10 @@ function MaterialTopTabBar(_ref) {
|
|
|
118
122
|
}
|
|
119
123
|
const label = options.tabBarLabel !== undefined ? options.tabBarLabel : options.title !== undefined ? options.title : route.name;
|
|
120
124
|
if (typeof label === 'string') {
|
|
121
|
-
return /*#__PURE__*/React.createElement(
|
|
125
|
+
return /*#__PURE__*/React.createElement(_elements.Text, {
|
|
122
126
|
style: [{
|
|
123
127
|
color
|
|
124
|
-
},
|
|
128
|
+
}, styles.label, options.tabBarLabelStyle],
|
|
125
129
|
allowFontScaling: options.tabBarAllowFontScaling
|
|
126
130
|
}, label);
|
|
127
131
|
}
|
|
@@ -139,7 +143,7 @@ function MaterialTopTabBar(_ref) {
|
|
|
139
143
|
const {
|
|
140
144
|
tabBarBadge
|
|
141
145
|
} = descriptors[route.key].options;
|
|
142
|
-
return
|
|
146
|
+
return tabBarBadge?.() ?? null;
|
|
143
147
|
},
|
|
144
148
|
renderIndicator: _ref9 => {
|
|
145
149
|
let {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["MaterialTopTabBar","state","navigation","descriptors","rest","colors","
|
|
1
|
+
{"version":3,"names":["_elements","require","_native","_color","_interopRequireDefault","React","_interopRequireWildcard","_reactNative","_reactNativeTabView","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","MaterialTopTabBar","_ref","state","navigation","descriptors","rest","colors","useTheme","direction","useLocale","focusedOptions","routes","index","options","activeColor","tabBarActiveTintColor","text","inactiveColor","tabBarInactiveTintColor","Color","alpha","rgb","string","createElement","TabBar","navigationState","scrollEnabled","tabBarScrollEnabled","bounces","tabBarBounces","pressColor","tabBarPressColor","pressOpacity","tabBarPressOpacity","tabStyle","tabBarItemStyle","indicatorStyle","backgroundColor","primary","tabBarIndicatorStyle","gap","tabBarGap","android_ripple","tabBarAndroidRipple","indicatorContainerStyle","tabBarIndicatorContainerStyle","contentContainerStyle","tabBarContentContainerStyle","style","card","tabBarStyle","getAccessibilityLabel","_ref2","route","tabBarAccessibilityLabel","getTestID","_ref3","tabBarButtonTestID","onTabPress","_ref4","preventDefault","event","emit","type","canPreventDefault","defaultPrevented","onTabLongPress","_ref5","renderIcon","_ref6","focused","color","tabBarShowIcon","tabBarIcon","undefined","icon","View","styles","tabBarIconStyle","renderLabel","_ref7","tabBarShowLabel","label","tabBarLabel","title","name","Text","tabBarLabelStyle","allowFontScaling","tabBarAllowFontScaling","children","renderBadge","_ref8","tabBarBadge","renderIndicator","_ref9","tabBarIndicator","TabBarIndicator","StyleSheet","create","height","width","textAlign","textTransform","fontSize","margin"],"sourceRoot":"../../../src","sources":["views/MaterialTopTabBar.tsx"],"mappings":"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"}
|
|
@@ -7,9 +7,10 @@ exports.MaterialTopTabView = MaterialTopTabView;
|
|
|
7
7
|
var _native = require("@react-navigation/native");
|
|
8
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _reactNativeTabView = require("react-native-tab-view");
|
|
10
|
+
var _TabAnimationContext = require("../utils/TabAnimationContext");
|
|
10
11
|
var _MaterialTopTabBar = require("./MaterialTopTabBar");
|
|
11
|
-
function _getRequireWildcardCache(
|
|
12
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
15
|
function MaterialTopTabView(_ref) {
|
|
15
16
|
let {
|
|
@@ -23,6 +24,9 @@ function MaterialTopTabView(_ref) {
|
|
|
23
24
|
const {
|
|
24
25
|
colors
|
|
25
26
|
} = (0, _native.useTheme)();
|
|
27
|
+
const {
|
|
28
|
+
direction
|
|
29
|
+
} = (0, _native.useLocale)();
|
|
26
30
|
const renderTabBar = props => {
|
|
27
31
|
return tabBar({
|
|
28
32
|
...props,
|
|
@@ -42,24 +46,28 @@ function MaterialTopTabView(_ref) {
|
|
|
42
46
|
},
|
|
43
47
|
renderScene: _ref2 => {
|
|
44
48
|
let {
|
|
45
|
-
route
|
|
49
|
+
route,
|
|
50
|
+
position
|
|
46
51
|
} = _ref2;
|
|
47
|
-
return
|
|
52
|
+
return /*#__PURE__*/React.createElement(_TabAnimationContext.TabAnimationContext.Provider, {
|
|
53
|
+
value: {
|
|
54
|
+
position
|
|
55
|
+
}
|
|
56
|
+
}, descriptors[route.key].render());
|
|
48
57
|
},
|
|
49
58
|
navigationState: state,
|
|
50
59
|
renderTabBar: renderTabBar,
|
|
51
60
|
renderLazyPlaceholder: _ref3 => {
|
|
52
|
-
var _descriptors$route$ke, _descriptors$route$ke2;
|
|
53
61
|
let {
|
|
54
62
|
route
|
|
55
63
|
} = _ref3;
|
|
56
|
-
return
|
|
64
|
+
return descriptors[route.key].options.lazyPlaceholder?.() ?? null;
|
|
57
65
|
},
|
|
58
66
|
lazy: _ref4 => {
|
|
59
67
|
let {
|
|
60
68
|
route
|
|
61
69
|
} = _ref4;
|
|
62
|
-
return descriptors[route.key].options.lazy === true;
|
|
70
|
+
return descriptors[route.key].options.lazy === true && !state.preloadedRouteKeys.includes(route.key);
|
|
63
71
|
},
|
|
64
72
|
lazyPreloadDistance: focusedOptions.lazyPreloadDistance,
|
|
65
73
|
swipeEnabled: focusedOptions.swipeEnabled,
|
|
@@ -72,7 +80,8 @@ function MaterialTopTabView(_ref) {
|
|
|
72
80
|
}),
|
|
73
81
|
sceneContainerStyle: [{
|
|
74
82
|
backgroundColor: colors.background
|
|
75
|
-
}, sceneContainerStyle]
|
|
83
|
+
}, sceneContainerStyle],
|
|
84
|
+
direction: direction
|
|
76
85
|
}));
|
|
77
86
|
}
|
|
78
87
|
//# sourceMappingURL=MaterialTopTabView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["MaterialTopTabView","tabBar","props","state","navigation","descriptors","sceneContainerStyle","rest","colors","useTheme","renderTabBar","focusedOptions","routes","index","
|
|
1
|
+
{"version":3,"names":["_native","require","React","_interopRequireWildcard","_reactNativeTabView","_TabAnimationContext","_MaterialTopTabBar","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","MaterialTopTabView","_ref","tabBar","props","createElement","MaterialTopTabBar","state","navigation","descriptors","sceneContainerStyle","rest","colors","useTheme","direction","useLocale","renderTabBar","focusedOptions","routes","index","options","TabView","onIndexChange","route","dispatch","CommonActions","navigate","renderScene","_ref2","position","TabAnimationContext","Provider","value","render","navigationState","renderLazyPlaceholder","_ref3","lazyPlaceholder","lazy","_ref4","preloadedRouteKeys","includes","lazyPreloadDistance","swipeEnabled","animationEnabled","onSwipeStart","emit","type","onSwipeEnd","backgroundColor","background"],"sourceRoot":"../../../src","sources":["views/MaterialTopTabView.tsx"],"mappings":"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"}
|
package/lib/module/index.js
CHANGED
|
@@ -9,6 +9,11 @@ export { createMaterialTopTabNavigator } from './navigators/createMaterialTopTab
|
|
|
9
9
|
export { MaterialTopTabBar } from './views/MaterialTopTabBar';
|
|
10
10
|
export { MaterialTopTabView } from './views/MaterialTopTabView';
|
|
11
11
|
|
|
12
|
+
/**
|
|
13
|
+
* Utilities
|
|
14
|
+
*/
|
|
15
|
+
export { useTabAnimation } from './utils/useTabAnimation';
|
|
16
|
+
|
|
12
17
|
/**
|
|
13
18
|
* Types
|
|
14
19
|
*/
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createMaterialTopTabNavigator","MaterialTopTabBar","MaterialTopTabView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,6BAA6B,QAAQ,4CAA4C;;AAE1F;AACA;AACA;AACA,SAASC,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,kBAAkB,QAAQ,4BAA4B;;AAE/D;AACA;AACA"}
|
|
1
|
+
{"version":3,"names":["createMaterialTopTabNavigator","MaterialTopTabBar","MaterialTopTabView","useTabAnimation"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,6BAA6B,QAAQ,4CAA4C;;AAE1F;AACA;AACA;AACA,SAASC,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,kBAAkB,QAAQ,4BAA4B;;AAE/D;AACA;AACA;AACA,SAASC,eAAe,QAAQ,yBAAyB;;AAEzD;AACA;AACA"}
|
|
@@ -8,8 +8,10 @@ function MaterialTopTabNavigator(_ref) {
|
|
|
8
8
|
initialRouteName,
|
|
9
9
|
backBehavior,
|
|
10
10
|
children,
|
|
11
|
+
layout,
|
|
11
12
|
screenListeners,
|
|
12
13
|
screenOptions,
|
|
14
|
+
screenLayout,
|
|
13
15
|
...rest
|
|
14
16
|
} = _ref;
|
|
15
17
|
const {
|
|
@@ -22,8 +24,10 @@ function MaterialTopTabNavigator(_ref) {
|
|
|
22
24
|
initialRouteName,
|
|
23
25
|
backBehavior,
|
|
24
26
|
children,
|
|
27
|
+
layout,
|
|
25
28
|
screenListeners,
|
|
26
|
-
screenOptions
|
|
29
|
+
screenOptions,
|
|
30
|
+
screenLayout
|
|
27
31
|
});
|
|
28
32
|
return /*#__PURE__*/React.createElement(NavigationContent, null, /*#__PURE__*/React.createElement(MaterialTopTabView, _extends({}, rest, {
|
|
29
33
|
state: state,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createNavigatorFactory","TabRouter","useNavigationBuilder","React","MaterialTopTabView","MaterialTopTabNavigator","id","initialRouteName","backBehavior","children","screenListeners","screenOptions","rest","state","descriptors","navigation","NavigationContent","createMaterialTopTabNavigator"],"sourceRoot":"../../../src","sources":["navigators/createMaterialTopTabNavigator.tsx"],"mappings":";AAAA,SACEA,sBAAsB,EAKtBC,SAAS,EAETC,oBAAoB,QACf,0BAA0B;AACjC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAO9B,SAASC,kBAAkB,QAAQ,6BAA6B;AAWhE,SAASC,
|
|
1
|
+
{"version":3,"names":["createNavigatorFactory","TabRouter","useNavigationBuilder","React","MaterialTopTabView","MaterialTopTabNavigator","_ref","id","initialRouteName","backBehavior","children","layout","screenListeners","screenOptions","screenLayout","rest","state","descriptors","navigation","NavigationContent","createElement","_extends","createMaterialTopTabNavigator"],"sourceRoot":"../../../src","sources":["navigators/createMaterialTopTabNavigator.tsx"],"mappings":";AAAA,SACEA,sBAAsB,EAKtBC,SAAS,EAETC,oBAAoB,QACf,0BAA0B;AACjC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAO9B,SAASC,kBAAkB,QAAQ,6BAA6B;AAWhE,SAASC,uBAAuBA,CAAAC,IAAA,EAUtB;EAAA,IAVuB;IAC/BC,EAAE;IACFC,gBAAgB;IAChBC,YAAY;IACZC,QAAQ;IACRC,MAAM;IACNC,eAAe;IACfC,aAAa;IACbC,YAAY;IACZ,GAAGC;EACE,CAAC,GAAAT,IAAA;EACN,MAAM;IAAEU,KAAK;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAkB,CAAC,GACzDjB,oBAAoB,CAMlBD,SAAS,EAAE;IACXM,EAAE;IACFC,gBAAgB;IAChBC,YAAY;IACZC,QAAQ;IACRC,MAAM;IACNC,eAAe;IACfC,aAAa;IACbC;EACF,CAAC,CAAC;EAEJ,oBACEX,KAAA,CAAAiB,aAAA,CAACD,iBAAiB,qBAChBhB,KAAA,CAAAiB,aAAA,CAAChB,kBAAkB,EAAAiB,QAAA,KACbN,IAAI;IACRC,KAAK,EAAEA,KAAM;IACbE,UAAU,EAAEA,UAAW;IACvBD,WAAW,EAAEA;EAAY,EAC1B,CACgB,CAAC;AAExB;AAEA,OAAO,MAAMK,6BAA6B,GAAGtB,sBAAsB,CAKjEK,uBAAuB,CAAC"}
|
package/lib/module/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":""}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","TabAnimationContext","createContext","undefined"],"sourceRoot":"../../../src","sources":["utils/TabAnimationContext.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,OAAO,MAAMC,mBAAmB,gBAAGD,KAAK,CAACE,aAAa,CAEpDC,SAAS,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TabAnimationContext } from './TabAnimationContext';
|
|
3
|
+
export function useTabAnimation() {
|
|
4
|
+
const animation = React.useContext(TabAnimationContext);
|
|
5
|
+
if (animation === undefined) {
|
|
6
|
+
throw new Error("Couldn't find values for tab animation. Are you inside a screen in Material Top Tab navigator?");
|
|
7
|
+
}
|
|
8
|
+
return animation;
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=useTabAnimation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","TabAnimationContext","useTabAnimation","animation","useContext","undefined","Error"],"sourceRoot":"../../../src","sources":["utils/useTabAnimation.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,mBAAmB,QAAQ,uBAAuB;AAE3D,OAAO,SAASC,eAAeA,CAAA,EAAG;EAChC,MAAMC,SAAS,GAAGH,KAAK,CAACI,UAAU,CAACH,mBAAmB,CAAC;EAEvD,IAAIE,SAAS,KAAKE,SAAS,EAAE;IAC3B,MAAM,IAAIC,KAAK,CACb,gGACF,CAAC;EACH;EAEA,OAAOH,SAAS;AAClB"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
import {
|
|
2
|
+
import { Text } from '@react-navigation/elements';
|
|
3
|
+
import { useLocale, useTheme } from '@react-navigation/native';
|
|
3
4
|
import Color from 'color';
|
|
4
5
|
import * as React from 'react';
|
|
5
|
-
import { StyleSheet,
|
|
6
|
+
import { StyleSheet, View } from 'react-native';
|
|
6
7
|
import { TabBar, TabBarIndicator } from 'react-native-tab-view';
|
|
7
8
|
export function MaterialTopTabBar(_ref) {
|
|
8
9
|
let {
|
|
@@ -12,14 +13,17 @@ export function MaterialTopTabBar(_ref) {
|
|
|
12
13
|
...rest
|
|
13
14
|
} = _ref;
|
|
14
15
|
const {
|
|
15
|
-
colors
|
|
16
|
-
fonts
|
|
16
|
+
colors
|
|
17
17
|
} = useTheme();
|
|
18
|
+
const {
|
|
19
|
+
direction
|
|
20
|
+
} = useLocale();
|
|
18
21
|
const focusedOptions = descriptors[state.routes[state.index].key].options;
|
|
19
22
|
const activeColor = focusedOptions.tabBarActiveTintColor ?? colors.text;
|
|
20
23
|
const inactiveColor = focusedOptions.tabBarInactiveTintColor ?? Color(activeColor).alpha(0.5).rgb().string();
|
|
21
24
|
return /*#__PURE__*/React.createElement(TabBar, _extends({}, rest, {
|
|
22
25
|
navigationState: state,
|
|
26
|
+
direction: direction,
|
|
23
27
|
scrollEnabled: focusedOptions.tabBarScrollEnabled,
|
|
24
28
|
bounces: focusedOptions.tabBarBounces,
|
|
25
29
|
activeColor: activeColor,
|
|
@@ -112,7 +116,7 @@ export function MaterialTopTabBar(_ref) {
|
|
|
112
116
|
return /*#__PURE__*/React.createElement(Text, {
|
|
113
117
|
style: [{
|
|
114
118
|
color
|
|
115
|
-
},
|
|
119
|
+
}, styles.label, options.tabBarLabelStyle],
|
|
116
120
|
allowFontScaling: options.tabBarAllowFontScaling
|
|
117
121
|
}, label);
|
|
118
122
|
}
|
|
@@ -130,7 +134,7 @@ export function MaterialTopTabBar(_ref) {
|
|
|
130
134
|
const {
|
|
131
135
|
tabBarBadge
|
|
132
136
|
} = descriptors[route.key].options;
|
|
133
|
-
return
|
|
137
|
+
return tabBarBadge?.() ?? null;
|
|
134
138
|
},
|
|
135
139
|
renderIndicator: _ref9 => {
|
|
136
140
|
let {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","Color","React","StyleSheet","
|
|
1
|
+
{"version":3,"names":["Text","useLocale","useTheme","Color","React","StyleSheet","View","TabBar","TabBarIndicator","MaterialTopTabBar","_ref","state","navigation","descriptors","rest","colors","direction","focusedOptions","routes","index","key","options","activeColor","tabBarActiveTintColor","text","inactiveColor","tabBarInactiveTintColor","alpha","rgb","string","createElement","_extends","navigationState","scrollEnabled","tabBarScrollEnabled","bounces","tabBarBounces","pressColor","tabBarPressColor","pressOpacity","tabBarPressOpacity","tabStyle","tabBarItemStyle","indicatorStyle","backgroundColor","primary","tabBarIndicatorStyle","gap","tabBarGap","android_ripple","tabBarAndroidRipple","indicatorContainerStyle","tabBarIndicatorContainerStyle","contentContainerStyle","tabBarContentContainerStyle","style","card","tabBarStyle","getAccessibilityLabel","_ref2","route","tabBarAccessibilityLabel","getTestID","_ref3","tabBarButtonTestID","onTabPress","_ref4","preventDefault","event","emit","type","target","canPreventDefault","defaultPrevented","onTabLongPress","_ref5","renderIcon","_ref6","focused","color","tabBarShowIcon","tabBarIcon","undefined","icon","styles","tabBarIconStyle","renderLabel","_ref7","tabBarShowLabel","label","tabBarLabel","title","name","tabBarLabelStyle","allowFontScaling","tabBarAllowFontScaling","children","renderBadge","_ref8","tabBarBadge","renderIndicator","_ref9","tabBarIndicator","create","height","width","textAlign","textTransform","fontSize","margin"],"sourceRoot":"../../../src","sources":["views/MaterialTopTabBar.tsx"],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
import { CommonActions, useTheme } from '@react-navigation/native';
|
|
2
|
+
import { CommonActions, useLocale, useTheme } from '@react-navigation/native';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { TabView } from 'react-native-tab-view';
|
|
5
|
+
import { TabAnimationContext } from '../utils/TabAnimationContext';
|
|
5
6
|
import { MaterialTopTabBar } from './MaterialTopTabBar';
|
|
6
7
|
export function MaterialTopTabView(_ref) {
|
|
7
8
|
let {
|
|
@@ -15,6 +16,9 @@ export function MaterialTopTabView(_ref) {
|
|
|
15
16
|
const {
|
|
16
17
|
colors
|
|
17
18
|
} = useTheme();
|
|
19
|
+
const {
|
|
20
|
+
direction
|
|
21
|
+
} = useLocale();
|
|
18
22
|
const renderTabBar = props => {
|
|
19
23
|
return tabBar({
|
|
20
24
|
...props,
|
|
@@ -34,24 +38,28 @@ export function MaterialTopTabView(_ref) {
|
|
|
34
38
|
},
|
|
35
39
|
renderScene: _ref2 => {
|
|
36
40
|
let {
|
|
37
|
-
route
|
|
41
|
+
route,
|
|
42
|
+
position
|
|
38
43
|
} = _ref2;
|
|
39
|
-
return
|
|
44
|
+
return /*#__PURE__*/React.createElement(TabAnimationContext.Provider, {
|
|
45
|
+
value: {
|
|
46
|
+
position
|
|
47
|
+
}
|
|
48
|
+
}, descriptors[route.key].render());
|
|
40
49
|
},
|
|
41
50
|
navigationState: state,
|
|
42
51
|
renderTabBar: renderTabBar,
|
|
43
52
|
renderLazyPlaceholder: _ref3 => {
|
|
44
|
-
var _descriptors$route$ke, _descriptors$route$ke2;
|
|
45
53
|
let {
|
|
46
54
|
route
|
|
47
55
|
} = _ref3;
|
|
48
|
-
return
|
|
56
|
+
return descriptors[route.key].options.lazyPlaceholder?.() ?? null;
|
|
49
57
|
},
|
|
50
58
|
lazy: _ref4 => {
|
|
51
59
|
let {
|
|
52
60
|
route
|
|
53
61
|
} = _ref4;
|
|
54
|
-
return descriptors[route.key].options.lazy === true;
|
|
62
|
+
return descriptors[route.key].options.lazy === true && !state.preloadedRouteKeys.includes(route.key);
|
|
55
63
|
},
|
|
56
64
|
lazyPreloadDistance: focusedOptions.lazyPreloadDistance,
|
|
57
65
|
swipeEnabled: focusedOptions.swipeEnabled,
|
|
@@ -64,7 +72,8 @@ export function MaterialTopTabView(_ref) {
|
|
|
64
72
|
}),
|
|
65
73
|
sceneContainerStyle: [{
|
|
66
74
|
backgroundColor: colors.background
|
|
67
|
-
}, sceneContainerStyle]
|
|
75
|
+
}, sceneContainerStyle],
|
|
76
|
+
direction: direction
|
|
68
77
|
}));
|
|
69
78
|
}
|
|
70
79
|
//# sourceMappingURL=MaterialTopTabView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["CommonActions","useTheme","React","TabView","MaterialTopTabBar","MaterialTopTabView","tabBar","props","state","navigation","descriptors","sceneContainerStyle","rest","colors","renderTabBar","focusedOptions","routes","index","key","options","route","dispatch","navigate","target","render","lazyPlaceholder","lazy","lazyPreloadDistance","swipeEnabled","animationEnabled","emit","type","backgroundColor","background"],"sourceRoot":"../../../src","sources":["views/MaterialTopTabView.tsx"],"mappings":";AAAA,SACEA,aAAa,EAIbC,QAAQ,QACH,0BAA0B;AACjC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,
|
|
1
|
+
{"version":3,"names":["CommonActions","useLocale","useTheme","React","TabView","TabAnimationContext","MaterialTopTabBar","MaterialTopTabView","_ref","tabBar","props","createElement","state","navigation","descriptors","sceneContainerStyle","rest","colors","direction","renderTabBar","focusedOptions","routes","index","key","options","_extends","onIndexChange","route","dispatch","navigate","target","renderScene","_ref2","position","Provider","value","render","navigationState","renderLazyPlaceholder","_ref3","lazyPlaceholder","lazy","_ref4","preloadedRouteKeys","includes","lazyPreloadDistance","swipeEnabled","animationEnabled","onSwipeStart","emit","type","onSwipeEnd","backgroundColor","background"],"sourceRoot":"../../../src","sources":["views/MaterialTopTabView.tsx"],"mappings":";AAAA,SACEA,aAAa,EAIbC,SAAS,EACTC,QAAQ,QACH,0BAA0B;AACjC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAAkCC,OAAO,QAAQ,uBAAuB;AAQxE,SAASC,mBAAmB,QAAQ,8BAA8B;AAClE,SAASC,iBAAiB,QAAQ,qBAAqB;AAQvD,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAOxB;EAAA,IAPyB;IACjCC,MAAM,GAAIC,KAA6B,iBAAKP,KAAA,CAAAQ,aAAA,CAACL,iBAAiB,EAAKI,KAAQ,CAAC;IAC5EE,KAAK;IACLC,UAAU;IACVC,WAAW;IACXC,mBAAmB;IACnB,GAAGC;EACE,CAAC,GAAAR,IAAA;EACN,MAAM;IAAES;EAAO,CAAC,GAAGf,QAAQ,CAAC,CAAC;EAC7B,MAAM;IAAEgB;EAAU,CAAC,GAAGjB,SAAS,CAAC,CAAC;EAEjC,MAAMkB,YAAY,GAAIT,KAAyB,IAAK;IAClD,OAAOD,MAAM,CAAC;MACZ,GAAGC,KAAK;MACRE,KAAK,EAAEA,KAAK;MACZC,UAAU,EAAEA,UAAU;MACtBC,WAAW,EAAEA;IACf,CAAC,CAAC;EACJ,CAAC;EAED,MAAMM,cAAc,GAAGN,WAAW,CAACF,KAAK,CAACS,MAAM,CAACT,KAAK,CAACU,KAAK,CAAC,CAACC,GAAG,CAAC,CAACC,OAAO;EAEzE,oBACErB,KAAA,CAAAQ,aAAA,CAACP,OAAO,EAAAqB,QAAA,KACFT,IAAI;IACRU,aAAa,EAAGJ,KAAK,IAAK;MACxB,MAAMK,KAAK,GAAGf,KAAK,CAACS,MAAM,CAACC,KAAK,CAAC;MAEjCT,UAAU,CAACe,QAAQ,CAAC;QAClB,GAAG5B,aAAa,CAAC6B,QAAQ,CAACF,KAAK,CAAC;QAChCG,MAAM,EAAElB,KAAK,CAACW;MAChB,CAAC,CAAC;IACJ,CAAE;IACFQ,WAAW,EAAEC,KAAA;MAAA,IAAC;QAAEL,KAAK;QAAEM;MAAS,CAAC,GAAAD,KAAA;MAAA,oBAC/B7B,KAAA,CAAAQ,aAAA,CAACN,mBAAmB,CAAC6B,QAAQ;QAACC,KAAK,EAAE;UAAEF;QAAS;MAAE,GAC/CnB,WAAW,CAACa,KAAK,CAACJ,GAAG,CAAC,CAACa,MAAM,CAAC,CACH,CAAC;IAAA,CAC/B;IACFC,eAAe,EAAEzB,KAAM;IACvBO,YAAY,EAAEA,YAAa;IAC3BmB,qBAAqB,EAAEC,KAAA;MAAA,IAAC;QAAEZ;MAAM,CAAC,GAAAY,KAAA;MAAA,OAC/BzB,WAAW,CAACa,KAAK,CAACJ,GAAG,CAAC,CAACC,OAAO,CAACgB,eAAe,GAAG,CAAC,IAAI,IAAI;IAAA,CAC3D;IACDC,IAAI,EAAEC,KAAA;MAAA,IAAC;QAAEf;MAAM,CAAC,GAAAe,KAAA;MAAA,OACd5B,WAAW,CAACa,KAAK,CAACJ,GAAG,CAAC,CAACC,OAAO,CAACiB,IAAI,KAAK,IAAI,IAC5C,CAAC7B,KAAK,CAAC+B,kBAAkB,CAACC,QAAQ,CAACjB,KAAK,CAACJ,GAAG,CAAC;IAAA,CAC9C;IACDsB,mBAAmB,EAAEzB,cAAc,CAACyB,mBAAoB;IACxDC,YAAY,EAAE1B,cAAc,CAAC0B,YAAa;IAC1CC,gBAAgB,EAAE3B,cAAc,CAAC2B,gBAAiB;IAClDC,YAAY,EAAEA,CAAA,KAAMnC,UAAU,CAACoC,IAAI,CAAC;MAAEC,IAAI,EAAE;IAAa,CAAC,CAAE;IAC5DC,UAAU,EAAEA,CAAA,KAAMtC,UAAU,CAACoC,IAAI,CAAC;MAAEC,IAAI,EAAE;IAAW,CAAC,CAAE;IACxDnC,mBAAmB,EAAE,CACnB;MAAEqC,eAAe,EAAEnC,MAAM,CAACoC;IAAW,CAAC,EACtCtC,mBAAmB,CACnB;IACFG,SAAS,EAAEA;EAAU,EACtB,CAAC;AAEN"}
|
|
@@ -7,6 +7,10 @@ export { createMaterialTopTabNavigator } from './navigators/createMaterialTopTab
|
|
|
7
7
|
*/
|
|
8
8
|
export { MaterialTopTabBar } from './views/MaterialTopTabBar';
|
|
9
9
|
export { MaterialTopTabView } from './views/MaterialTopTabView';
|
|
10
|
+
/**
|
|
11
|
+
* Utilities
|
|
12
|
+
*/
|
|
13
|
+
export { useTabAnimation } from './utils/useTabAnimation';
|
|
10
14
|
/**
|
|
11
15
|
* Types
|
|
12
16
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAE3F;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE;;GAEG;AACH,YAAY,EACV,sBAAsB,EACtB,gCAAgC,EAChC,+BAA+B,EAC/B,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAE3F;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE;;GAEG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D;;GAEG;AACH,YAAY,EACV,sBAAsB,EACtB,gCAAgC,EAChC,+BAA+B,EAC/B,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
1
|
+
import { type DefaultNavigatorOptions, type ParamListBase, type TabNavigationState, type TabRouterOptions } from '@react-navigation/native';
|
|
2
|
+
import * as React from 'react';
|
|
3
3
|
import type { MaterialTopTabNavigationConfig, MaterialTopTabNavigationEventMap, MaterialTopTabNavigationOptions } from '../types';
|
|
4
4
|
type Props = DefaultNavigatorOptions<ParamListBase, TabNavigationState<ParamListBase>, MaterialTopTabNavigationOptions, MaterialTopTabNavigationEventMap> & TabRouterOptions & MaterialTopTabNavigationConfig;
|
|
5
|
-
declare function MaterialTopTabNavigator({ id, initialRouteName, backBehavior, children, screenListeners, screenOptions, ...rest }: Props): JSX.Element;
|
|
5
|
+
declare function MaterialTopTabNavigator({ id, initialRouteName, backBehavior, children, layout, screenListeners, screenOptions, screenLayout, ...rest }: Props): React.JSX.Element;
|
|
6
6
|
export declare const createMaterialTopTabNavigator: {
|
|
7
7
|
<ParamList extends ParamListBase>(): import("@react-navigation/native").TypedNavigator<ParamList, TabNavigationState<ParamListBase>, MaterialTopTabNavigationOptions, MaterialTopTabNavigationEventMap, typeof MaterialTopTabNavigator>;
|
|
8
|
-
<ParamList_1 extends ParamListBase, Config extends import("
|
|
8
|
+
<ParamList_1 extends ParamListBase, Config extends import("@react-navigation/core/lib/typescript/src/StaticNavigation").StaticConfig<ParamList_1, TabNavigationState<ParamListBase>, MaterialTopTabNavigationOptions, MaterialTopTabNavigationEventMap, typeof MaterialTopTabNavigator>>(config: Config): import("@react-navigation/native").TypedNavigator<ParamList_1, TabNavigationState<ParamListBase>, MaterialTopTabNavigationOptions, MaterialTopTabNavigationEventMap, typeof MaterialTopTabNavigator> & {
|
|
9
9
|
config: Config;
|
|
10
10
|
};
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createMaterialTopTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigators/createMaterialTopTabNavigator.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createMaterialTopTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigators/createMaterialTopTabNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,uBAAuB,EAC5B,KAAK,aAAa,EAElB,KAAK,kBAAkB,EAEvB,KAAK,gBAAgB,EAEtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,8BAA8B,EAC9B,gCAAgC,EAChC,+BAA+B,EAChC,MAAM,UAAU,CAAC;AAGlB,KAAK,KAAK,GAAG,uBAAuB,CAClC,aAAa,EACb,kBAAkB,CAAC,aAAa,CAAC,EACjC,+BAA+B,EAC/B,gCAAgC,CACjC,GACC,gBAAgB,GAChB,8BAA8B,CAAC;AAEjC,iBAAS,uBAAuB,CAAC,EAC/B,EAAE,EACF,gBAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,eAAe,EACf,aAAa,EACb,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,KAAK,qBA6BP;AAED,eAAO,MAAM,6BAA6B;;;;;CAKhB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { Descriptor, NavigationHelpers, NavigationProp, ParamListBase, Route, RouteProp, TabActionHelpers, TabNavigationState } from '@react-navigation/native';
|
|
2
2
|
import type React from 'react';
|
|
3
|
-
import type { PressableAndroidRippleConfig, StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
3
|
+
import type { Animated, PressableAndroidRippleConfig, StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
4
4
|
import type { SceneRendererProps, TabBar, TabViewProps } from 'react-native-tab-view';
|
|
5
5
|
export type MaterialTopTabNavigationEventMap = {
|
|
6
6
|
/**
|
|
@@ -204,4 +204,7 @@ export type MaterialTopTabBarProps = SceneRendererProps & {
|
|
|
204
204
|
navigation: NavigationHelpers<ParamListBase, MaterialTopTabNavigationEventMap>;
|
|
205
205
|
descriptors: MaterialTopTabDescriptorMap;
|
|
206
206
|
};
|
|
207
|
+
export type MaterialTopTabAnimationContext = {
|
|
208
|
+
position: Animated.AnimatedInterpolation<number>;
|
|
209
|
+
};
|
|
207
210
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -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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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabAnimationContext.d.ts","sourceRoot":"","sources":["../../../../src/utils/TabAnimationContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAC;AAE/D,eAAO,MAAM,mBAAmB,2DAEpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTabAnimation.d.ts","sourceRoot":"","sources":["../../../../src/utils/useTabAnimation.tsx"],"names":[],"mappings":"AAIA,wBAAgB,eAAe,sDAU9B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import type { MaterialTopTabBarProps } from '../types';
|
|
3
|
-
export declare function MaterialTopTabBar({ state, navigation, descriptors, ...rest }: MaterialTopTabBarProps): JSX.Element;
|
|
3
|
+
export declare function MaterialTopTabBar({ state, navigation, descriptors, ...rest }: MaterialTopTabBarProps): React.JSX.Element;
|
|
4
4
|
//# sourceMappingURL=MaterialTopTabBar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaterialTopTabBar.d.ts","sourceRoot":"","sources":["../../../../src/views/MaterialTopTabBar.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"MaterialTopTabBar.d.ts","sourceRoot":"","sources":["../../../../src/views/MaterialTopTabBar.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAEvD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,UAAU,EACV,WAAW,EACX,GAAG,IAAI,EACR,EAAE,sBAAsB,qBA2HxB"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
1
|
+
import { type ParamListBase, type TabNavigationState } from '@react-navigation/native';
|
|
2
|
+
import * as React from 'react';
|
|
3
3
|
import type { MaterialTopTabDescriptorMap, MaterialTopTabNavigationConfig, MaterialTopTabNavigationHelpers } from '../types';
|
|
4
4
|
type Props = MaterialTopTabNavigationConfig & {
|
|
5
5
|
state: TabNavigationState<ParamListBase>;
|
|
6
6
|
navigation: MaterialTopTabNavigationHelpers;
|
|
7
7
|
descriptors: MaterialTopTabDescriptorMap;
|
|
8
8
|
};
|
|
9
|
-
export declare function MaterialTopTabView({ tabBar, state, navigation, descriptors, sceneContainerStyle, ...rest }: Props): JSX.Element;
|
|
9
|
+
export declare function MaterialTopTabView({ tabBar, state, navigation, descriptors, sceneContainerStyle, ...rest }: Props): React.JSX.Element;
|
|
10
10
|
export {};
|
|
11
11
|
//# sourceMappingURL=MaterialTopTabView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaterialTopTabView.d.ts","sourceRoot":"","sources":["../../../../src/views/MaterialTopTabView.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MaterialTopTabView.d.ts","sourceRoot":"","sources":["../../../../src/views/MaterialTopTabView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAElB,KAAK,kBAAkB,EAGxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAEV,2BAA2B,EAC3B,8BAA8B,EAC9B,+BAA+B,EAChC,MAAM,UAAU,CAAC;AAIlB,KAAK,KAAK,GAAG,8BAA8B,GAAG;IAC5C,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IACzC,UAAU,EAAE,+BAA+B,CAAC;IAC5C,WAAW,EAAE,2BAA2B,CAAC;CAC1C,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,MAA4E,EAC5E,KAAK,EACL,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,GAAG,IAAI,EACR,EAAE,KAAK,qBAoDP"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-navigation/material-top-tabs",
|
|
3
3
|
"description": "Integration for the animated tab view component from react-native-tab-view",
|
|
4
|
-
"version": "7.0.0-alpha.
|
|
4
|
+
"version": "7.0.0-alpha.10",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native-component",
|
|
7
7
|
"react-component",
|
|
@@ -41,26 +41,26 @@
|
|
|
41
41
|
"clean": "del lib"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
+
"@react-navigation/elements": "^2.0.0-alpha.8",
|
|
44
45
|
"color": "^4.2.3",
|
|
45
|
-
"react-native-tab-view": "^
|
|
46
|
+
"react-native-tab-view": "^4.0.0-alpha.5"
|
|
46
47
|
},
|
|
47
48
|
"devDependencies": {
|
|
48
|
-
"@react-navigation/native": "^7.0.0-alpha.
|
|
49
|
-
"@testing-library/react-native": "^
|
|
50
|
-
"@types/react": "~18.
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"react": "
|
|
54
|
-
"react-native": "0.
|
|
55
|
-
"react-native-
|
|
56
|
-
"
|
|
57
|
-
"typescript": "^4.9.4"
|
|
49
|
+
"@react-navigation/native": "^7.0.0-alpha.10",
|
|
50
|
+
"@testing-library/react-native": "^12.4.3",
|
|
51
|
+
"@types/react": "~18.2.45",
|
|
52
|
+
"del-cli": "^5.1.0",
|
|
53
|
+
"react": "18.2.0",
|
|
54
|
+
"react-native": "0.73.2",
|
|
55
|
+
"react-native-builder-bob": "^0.23.2",
|
|
56
|
+
"react-native-pager-view": "6.2.3",
|
|
57
|
+
"typescript": "^5.3.3"
|
|
58
58
|
},
|
|
59
59
|
"peerDependencies": {
|
|
60
|
-
"@react-navigation/native": "^
|
|
61
|
-
"react": "
|
|
62
|
-
"react-native": "
|
|
63
|
-
"react-native-pager-view": ">=
|
|
60
|
+
"@react-navigation/native": "^7.0.0-alpha.10",
|
|
61
|
+
"react": ">= 18.2.0",
|
|
62
|
+
"react-native": ">= 0.72.0",
|
|
63
|
+
"react-native-pager-view": ">= 6.0.0"
|
|
64
64
|
},
|
|
65
65
|
"react-native-builder-bob": {
|
|
66
66
|
"source": "src",
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
]
|
|
77
77
|
]
|
|
78
78
|
},
|
|
79
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "38117089fff9341c72e0834ca8ec237e8186b63c"
|
|
80
80
|
}
|
package/src/index.tsx
CHANGED
|
@@ -9,6 +9,11 @@ export { createMaterialTopTabNavigator } from './navigators/createMaterialTopTab
|
|
|
9
9
|
export { MaterialTopTabBar } from './views/MaterialTopTabBar';
|
|
10
10
|
export { MaterialTopTabView } from './views/MaterialTopTabView';
|
|
11
11
|
|
|
12
|
+
/**
|
|
13
|
+
* Utilities
|
|
14
|
+
*/
|
|
15
|
+
export { useTabAnimation } from './utils/useTabAnimation';
|
|
16
|
+
|
|
12
17
|
/**
|
|
13
18
|
* Types
|
|
14
19
|
*/
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import {
|
|
2
2
|
createNavigatorFactory,
|
|
3
|
-
DefaultNavigatorOptions,
|
|
4
|
-
ParamListBase,
|
|
5
|
-
TabActionHelpers,
|
|
6
|
-
TabNavigationState,
|
|
3
|
+
type DefaultNavigatorOptions,
|
|
4
|
+
type ParamListBase,
|
|
5
|
+
type TabActionHelpers,
|
|
6
|
+
type TabNavigationState,
|
|
7
7
|
TabRouter,
|
|
8
|
-
TabRouterOptions,
|
|
8
|
+
type TabRouterOptions,
|
|
9
9
|
useNavigationBuilder,
|
|
10
10
|
} from '@react-navigation/native';
|
|
11
11
|
import * as React from 'react';
|
|
@@ -31,8 +31,10 @@ function MaterialTopTabNavigator({
|
|
|
31
31
|
initialRouteName,
|
|
32
32
|
backBehavior,
|
|
33
33
|
children,
|
|
34
|
+
layout,
|
|
34
35
|
screenListeners,
|
|
35
36
|
screenOptions,
|
|
37
|
+
screenLayout,
|
|
36
38
|
...rest
|
|
37
39
|
}: Props) {
|
|
38
40
|
const { state, descriptors, navigation, NavigationContent } =
|
|
@@ -47,8 +49,10 @@ function MaterialTopTabNavigator({
|
|
|
47
49
|
initialRouteName,
|
|
48
50
|
backBehavior,
|
|
49
51
|
children,
|
|
52
|
+
layout,
|
|
50
53
|
screenListeners,
|
|
51
54
|
screenOptions,
|
|
55
|
+
screenLayout,
|
|
52
56
|
});
|
|
53
57
|
|
|
54
58
|
return (
|
package/src/types.tsx
CHANGED
|
@@ -10,6 +10,7 @@ import type {
|
|
|
10
10
|
} from '@react-navigation/native';
|
|
11
11
|
import type React from 'react';
|
|
12
12
|
import type {
|
|
13
|
+
Animated,
|
|
13
14
|
PressableAndroidRippleConfig,
|
|
14
15
|
StyleProp,
|
|
15
16
|
TextStyle,
|
|
@@ -49,7 +50,7 @@ export type MaterialTopTabNavigationHelpers = NavigationHelpers<
|
|
|
49
50
|
export type MaterialTopTabNavigationProp<
|
|
50
51
|
ParamList extends ParamListBase,
|
|
51
52
|
RouteName extends keyof ParamList = keyof ParamList,
|
|
52
|
-
NavigatorID extends string | undefined = undefined
|
|
53
|
+
NavigatorID extends string | undefined = undefined,
|
|
53
54
|
> = NavigationProp<
|
|
54
55
|
ParamList,
|
|
55
56
|
RouteName,
|
|
@@ -63,7 +64,7 @@ export type MaterialTopTabNavigationProp<
|
|
|
63
64
|
export type MaterialTopTabScreenProps<
|
|
64
65
|
ParamList extends ParamListBase,
|
|
65
66
|
RouteName extends keyof ParamList = keyof ParamList,
|
|
66
|
-
NavigatorID extends string | undefined = undefined
|
|
67
|
+
NavigatorID extends string | undefined = undefined,
|
|
67
68
|
> = {
|
|
68
69
|
navigation: MaterialTopTabNavigationProp<ParamList, RouteName, NavigatorID>;
|
|
69
70
|
route: RouteProp<ParamList, RouteName>;
|
|
@@ -299,3 +300,7 @@ export type MaterialTopTabBarProps = SceneRendererProps & {
|
|
|
299
300
|
>;
|
|
300
301
|
descriptors: MaterialTopTabDescriptorMap;
|
|
301
302
|
};
|
|
303
|
+
|
|
304
|
+
export type MaterialTopTabAnimationContext = {
|
|
305
|
+
position: Animated.AnimatedInterpolation<number>;
|
|
306
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
import { TabAnimationContext } from './TabAnimationContext';
|
|
4
|
+
|
|
5
|
+
export function useTabAnimation() {
|
|
6
|
+
const animation = React.useContext(TabAnimationContext);
|
|
7
|
+
|
|
8
|
+
if (animation === undefined) {
|
|
9
|
+
throw new Error(
|
|
10
|
+
"Couldn't find values for tab animation. Are you inside a screen in Material Top Tab navigator?"
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
return animation;
|
|
15
|
+
}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
+
import { Text } from '@react-navigation/elements';
|
|
1
2
|
import {
|
|
2
|
-
ParamListBase,
|
|
3
|
-
Route,
|
|
4
|
-
TabNavigationState,
|
|
3
|
+
type ParamListBase,
|
|
4
|
+
type Route,
|
|
5
|
+
type TabNavigationState,
|
|
6
|
+
useLocale,
|
|
5
7
|
useTheme,
|
|
6
8
|
} from '@react-navigation/native';
|
|
7
9
|
import Color from 'color';
|
|
8
10
|
import * as React from 'react';
|
|
9
|
-
import { StyleSheet,
|
|
11
|
+
import { StyleSheet, View } from 'react-native';
|
|
10
12
|
import { TabBar, TabBarIndicator } from 'react-native-tab-view';
|
|
11
13
|
|
|
12
14
|
import type { MaterialTopTabBarProps } from '../types';
|
|
@@ -17,7 +19,8 @@ export function MaterialTopTabBar({
|
|
|
17
19
|
descriptors,
|
|
18
20
|
...rest
|
|
19
21
|
}: MaterialTopTabBarProps) {
|
|
20
|
-
const { colors
|
|
22
|
+
const { colors } = useTheme();
|
|
23
|
+
const { direction } = useLocale();
|
|
21
24
|
|
|
22
25
|
const focusedOptions = descriptors[state.routes[state.index].key].options;
|
|
23
26
|
|
|
@@ -30,6 +33,7 @@ export function MaterialTopTabBar({
|
|
|
30
33
|
<TabBar
|
|
31
34
|
{...rest}
|
|
32
35
|
navigationState={state}
|
|
36
|
+
direction={direction}
|
|
33
37
|
scrollEnabled={focusedOptions.tabBarScrollEnabled}
|
|
34
38
|
bounces={focusedOptions.tabBarBounces}
|
|
35
39
|
activeColor={activeColor}
|
|
@@ -97,18 +101,13 @@ export function MaterialTopTabBar({
|
|
|
97
101
|
options.tabBarLabel !== undefined
|
|
98
102
|
? options.tabBarLabel
|
|
99
103
|
: options.title !== undefined
|
|
100
|
-
|
|
101
|
-
|
|
104
|
+
? options.title
|
|
105
|
+
: (route as Route<string>).name;
|
|
102
106
|
|
|
103
107
|
if (typeof label === 'string') {
|
|
104
108
|
return (
|
|
105
109
|
<Text
|
|
106
|
-
style={[
|
|
107
|
-
{ color },
|
|
108
|
-
fonts.regular,
|
|
109
|
-
styles.label,
|
|
110
|
-
options.tabBarLabelStyle,
|
|
111
|
-
]}
|
|
110
|
+
style={[{ color }, styles.label, options.tabBarLabelStyle]}
|
|
112
111
|
allowFontScaling={options.tabBarAllowFontScaling}
|
|
113
112
|
>
|
|
114
113
|
{label}
|
|
@@ -120,8 +119,8 @@ export function MaterialTopTabBar({
|
|
|
120
119
|
typeof options.tabBarLabel === 'string'
|
|
121
120
|
? options.tabBarLabel
|
|
122
121
|
: options.title !== undefined
|
|
123
|
-
|
|
124
|
-
|
|
122
|
+
? options.title
|
|
123
|
+
: route.name;
|
|
125
124
|
|
|
126
125
|
return label({ focused, color, children });
|
|
127
126
|
}}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CommonActions,
|
|
3
|
-
ParamListBase,
|
|
4
|
-
Route,
|
|
5
|
-
TabNavigationState,
|
|
3
|
+
type ParamListBase,
|
|
4
|
+
type Route,
|
|
5
|
+
type TabNavigationState,
|
|
6
|
+
useLocale,
|
|
6
7
|
useTheme,
|
|
7
8
|
} from '@react-navigation/native';
|
|
8
9
|
import * as React from 'react';
|
|
9
|
-
import { SceneRendererProps, TabView } from 'react-native-tab-view';
|
|
10
|
+
import { type SceneRendererProps, TabView } from 'react-native-tab-view';
|
|
10
11
|
|
|
11
12
|
import type {
|
|
12
13
|
MaterialTopTabBarProps,
|
|
@@ -14,6 +15,7 @@ import type {
|
|
|
14
15
|
MaterialTopTabNavigationConfig,
|
|
15
16
|
MaterialTopTabNavigationHelpers,
|
|
16
17
|
} from '../types';
|
|
18
|
+
import { TabAnimationContext } from '../utils/TabAnimationContext';
|
|
17
19
|
import { MaterialTopTabBar } from './MaterialTopTabBar';
|
|
18
20
|
|
|
19
21
|
type Props = MaterialTopTabNavigationConfig & {
|
|
@@ -31,6 +33,7 @@ export function MaterialTopTabView({
|
|
|
31
33
|
...rest
|
|
32
34
|
}: Props) {
|
|
33
35
|
const { colors } = useTheme();
|
|
36
|
+
const { direction } = useLocale();
|
|
34
37
|
|
|
35
38
|
const renderTabBar = (props: SceneRendererProps) => {
|
|
36
39
|
return tabBar({
|
|
@@ -54,13 +57,20 @@ export function MaterialTopTabView({
|
|
|
54
57
|
target: state.key,
|
|
55
58
|
});
|
|
56
59
|
}}
|
|
57
|
-
renderScene={({ route }) =>
|
|
60
|
+
renderScene={({ route, position }) => (
|
|
61
|
+
<TabAnimationContext.Provider value={{ position }}>
|
|
62
|
+
{descriptors[route.key].render()}
|
|
63
|
+
</TabAnimationContext.Provider>
|
|
64
|
+
)}
|
|
58
65
|
navigationState={state}
|
|
59
66
|
renderTabBar={renderTabBar}
|
|
60
67
|
renderLazyPlaceholder={({ route }) =>
|
|
61
68
|
descriptors[route.key].options.lazyPlaceholder?.() ?? null
|
|
62
69
|
}
|
|
63
|
-
lazy={({ route }) =>
|
|
70
|
+
lazy={({ route }) =>
|
|
71
|
+
descriptors[route.key].options.lazy === true &&
|
|
72
|
+
!state.preloadedRouteKeys.includes(route.key)
|
|
73
|
+
}
|
|
64
74
|
lazyPreloadDistance={focusedOptions.lazyPreloadDistance}
|
|
65
75
|
swipeEnabled={focusedOptions.swipeEnabled}
|
|
66
76
|
animationEnabled={focusedOptions.animationEnabled}
|
|
@@ -70,6 +80,7 @@ export function MaterialTopTabView({
|
|
|
70
80
|
{ backgroundColor: colors.background },
|
|
71
81
|
sceneContainerStyle,
|
|
72
82
|
]}
|
|
83
|
+
direction={direction}
|
|
73
84
|
/>
|
|
74
85
|
);
|
|
75
86
|
}
|