@react-navigation/material-top-tabs 7.0.0-alpha.0 → 7.0.0-alpha.1
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 +6 -7
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/navigators/createMaterialTopTabNavigator.js +5 -6
- package/lib/commonjs/navigators/createMaterialTopTabNavigator.js.map +1 -1
- package/lib/commonjs/views/MaterialTopTabBar.js +6 -5
- package/lib/commonjs/views/MaterialTopTabBar.js.map +1 -1
- package/lib/commonjs/views/MaterialTopTabView.js +3 -4
- package/lib/commonjs/views/MaterialTopTabView.js.map +1 -1
- package/lib/module/index.js +3 -3
- package/lib/module/index.js.map +1 -1
- package/lib/module/navigators/createMaterialTopTabNavigator.js +2 -2
- package/lib/module/navigators/createMaterialTopTabNavigator.js.map +1 -1
- package/lib/module/views/MaterialTopTabBar.js +5 -4
- package/lib/module/views/MaterialTopTabBar.js.map +1 -1
- package/lib/module/views/MaterialTopTabView.js +2 -2
- package/lib/module/views/MaterialTopTabView.js.map +1 -1
- package/lib/typescript/src/index.d.ts +3 -3
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/navigators/createMaterialTopTabNavigator.d.ts +2 -2
- package/lib/typescript/src/navigators/createMaterialTopTabNavigator.d.ts.map +1 -1
- package/lib/typescript/src/views/MaterialTopTabBar.d.ts +1 -1
- package/lib/typescript/src/views/MaterialTopTabBar.d.ts.map +1 -1
- package/lib/typescript/src/views/MaterialTopTabView.d.ts +1 -1
- package/lib/typescript/src/views/MaterialTopTabView.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/index.tsx +3 -3
- package/src/navigators/createMaterialTopTabNavigator.tsx +2 -2
- package/src/views/MaterialTopTabBar.tsx +8 -3
- package/src/views/MaterialTopTabView.tsx +2 -2
package/lib/commonjs/index.js
CHANGED
|
@@ -6,23 +6,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
Object.defineProperty(exports, "MaterialTopTabBar", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function () {
|
|
9
|
-
return _MaterialTopTabBar.
|
|
9
|
+
return _MaterialTopTabBar.MaterialTopTabBar;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "MaterialTopTabView", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function () {
|
|
15
|
-
return _MaterialTopTabView.
|
|
15
|
+
return _MaterialTopTabView.MaterialTopTabView;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "createMaterialTopTabNavigator", {
|
|
19
19
|
enumerable: true,
|
|
20
20
|
get: function () {
|
|
21
|
-
return _createMaterialTopTabNavigator.
|
|
21
|
+
return _createMaterialTopTabNavigator.createMaterialTopTabNavigator;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
-
var _createMaterialTopTabNavigator =
|
|
25
|
-
var _MaterialTopTabBar =
|
|
26
|
-
var _MaterialTopTabView =
|
|
27
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
24
|
+
var _createMaterialTopTabNavigator = require("./navigators/createMaterialTopTabNavigator");
|
|
25
|
+
var _MaterialTopTabBar = require("./views/MaterialTopTabBar");
|
|
26
|
+
var _MaterialTopTabView = require("./views/MaterialTopTabView");
|
|
28
27
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA;AAKA;AACA
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA;AAKA;AACA"}
|
|
@@ -3,11 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.createMaterialTopTabNavigator = void 0;
|
|
7
7
|
var _native = require("@react-navigation/native");
|
|
8
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _MaterialTopTabView =
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
var _MaterialTopTabView = require("../views/MaterialTopTabView");
|
|
11
10
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
11
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
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); }
|
|
@@ -34,12 +33,12 @@ function MaterialTopTabNavigator(_ref) {
|
|
|
34
33
|
screenListeners,
|
|
35
34
|
screenOptions
|
|
36
35
|
});
|
|
37
|
-
return /*#__PURE__*/React.createElement(NavigationContent, null, /*#__PURE__*/React.createElement(_MaterialTopTabView.
|
|
36
|
+
return /*#__PURE__*/React.createElement(NavigationContent, null, /*#__PURE__*/React.createElement(_MaterialTopTabView.MaterialTopTabView, _extends({}, rest, {
|
|
38
37
|
state: state,
|
|
39
38
|
navigation: navigation,
|
|
40
39
|
descriptors: descriptors
|
|
41
40
|
})));
|
|
42
41
|
}
|
|
43
|
-
|
|
44
|
-
exports.
|
|
42
|
+
const createMaterialTopTabNavigator = (0, _native.createNavigatorFactory)(MaterialTopTabNavigator);
|
|
43
|
+
exports.createMaterialTopTabNavigator = createMaterialTopTabNavigator;
|
|
45
44
|
//# sourceMappingURL=createMaterialTopTabNavigator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["MaterialTopTabNavigator","id","initialRouteName","backBehavior","children","screenListeners","screenOptions","rest","state","descriptors","navigation","NavigationContent","useNavigationBuilder","TabRouter","createNavigatorFactory"],"sourceRoot":"
|
|
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,SAASA,uBAAuB,OAQtB;EAAA,IARuB;IAC/BC,EAAE;IACFC,gBAAgB;IAChBC,YAAY;IACZC,QAAQ;IACRC,eAAe;IACfC,aAAa;IACb,GAAGC;EACE,CAAC;EACN,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAkB,CAAC,GACzD,IAAAC,4BAAoB,EAMlBC,iBAAS,EAAE;IACXZ,EAAE;IACFC,gBAAgB;IAChBC,YAAY;IACZC,QAAQ;IACRC,eAAe;IACfC;EACF,CAAC,CAAC;EAEJ,oBACE,oBAAC,iBAAiB,qBAChB,oBAAC,sCAAkB,eACbC,IAAI;IACR,KAAK,EAAEC,KAAM;IACb,UAAU,EAAEE,UAAW;IACvB,WAAW,EAAED;EAAY,GACzB,CACgB;AAExB;AAEO,MAAMK,6BAA6B,GAAG,IAAAC,8BAAsB,EAKjEf,uBAAuB,CAAC;AAAC"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.MaterialTopTabBar = MaterialTopTabBar;
|
|
7
7
|
var _native = require("@react-navigation/native");
|
|
8
8
|
var _color = _interopRequireDefault(require("color"));
|
|
9
9
|
var React = _interopRequireWildcard(require("react"));
|
|
@@ -13,7 +13,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
13
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
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
|
-
function
|
|
16
|
+
function MaterialTopTabBar(_ref) {
|
|
17
17
|
let {
|
|
18
18
|
state,
|
|
19
19
|
navigation,
|
|
@@ -21,7 +21,8 @@ function TabBarTop(_ref) {
|
|
|
21
21
|
...rest
|
|
22
22
|
} = _ref;
|
|
23
23
|
const {
|
|
24
|
-
colors
|
|
24
|
+
colors,
|
|
25
|
+
fonts
|
|
25
26
|
} = (0, _native.useTheme)();
|
|
26
27
|
const focusedOptions = descriptors[state.routes[state.index].key].options;
|
|
27
28
|
const activeColor = focusedOptions.tabBarActiveTintColor ?? colors.text;
|
|
@@ -118,9 +119,9 @@ function TabBarTop(_ref) {
|
|
|
118
119
|
const label = options.tabBarLabel !== undefined ? options.tabBarLabel : options.title !== undefined ? options.title : route.name;
|
|
119
120
|
if (typeof label === 'string') {
|
|
120
121
|
return /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
121
|
-
style: [
|
|
122
|
+
style: [{
|
|
122
123
|
color
|
|
123
|
-
}, options.tabBarLabelStyle],
|
|
124
|
+
}, fonts.regular, styles.label, options.tabBarLabelStyle],
|
|
124
125
|
allowFontScaling: options.tabBarAllowFontScaling
|
|
125
126
|
}, label);
|
|
126
127
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["MaterialTopTabBar","state","navigation","descriptors","rest","colors","fonts","useTheme","focusedOptions","routes","index","key","options","activeColor","tabBarActiveTintColor","text","inactiveColor","tabBarInactiveTintColor","Color","alpha","rgb","string","tabBarScrollEnabled","tabBarBounces","tabBarPressColor","tabBarPressOpacity","tabBarItemStyle","backgroundColor","primary","tabBarIndicatorStyle","tabBarGap","tabBarAndroidRipple","tabBarIndicatorContainerStyle","tabBarContentContainerStyle","card","tabBarStyle","route","tabBarAccessibilityLabel","tabBarButtonTestID","preventDefault","event","emit","type","target","canPreventDefault","defaultPrevented","focused","color","tabBarShowIcon","tabBarIcon","undefined","icon","styles","tabBarIconStyle","tabBarShowLabel","label","tabBarLabel","title","name","regular","tabBarLabelStyle","tabBarAllowFontScaling","children","tabBarBadge","navigationState","tabBarIndicator","StyleSheet","create","height","width","textAlign","textTransform","fontSize","margin"],"sourceRoot":"../../../src","sources":["views/MaterialTopTabBar.tsx"],"mappings":"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"}
|
|
@@ -3,18 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
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 _MaterialTopTabBar =
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
var _MaterialTopTabBar = require("./MaterialTopTabBar");
|
|
12
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
13
|
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); }
|
|
15
14
|
function MaterialTopTabView(_ref) {
|
|
16
15
|
let {
|
|
17
|
-
tabBar = props => /*#__PURE__*/React.createElement(_MaterialTopTabBar.
|
|
16
|
+
tabBar = props => /*#__PURE__*/React.createElement(_MaterialTopTabBar.MaterialTopTabBar, props),
|
|
18
17
|
state,
|
|
19
18
|
navigation,
|
|
20
19
|
descriptors,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["MaterialTopTabView","tabBar","props","state","navigation","descriptors","sceneContainerStyle","rest","colors","useTheme","renderTabBar","focusedOptions","routes","index","key","options","route","dispatch","CommonActions","navigate","target","render","lazyPlaceholder","lazy","lazyPreloadDistance","swipeEnabled","animationEnabled","emit","type","backgroundColor","background"],"sourceRoot":"
|
|
1
|
+
{"version":3,"names":["MaterialTopTabView","tabBar","props","state","navigation","descriptors","sceneContainerStyle","rest","colors","useTheme","renderTabBar","focusedOptions","routes","index","key","options","route","dispatch","CommonActions","navigate","target","render","lazyPlaceholder","lazy","lazyPreloadDistance","swipeEnabled","animationEnabled","emit","type","backgroundColor","background"],"sourceRoot":"../../../src","sources":["views/MaterialTopTabView.tsx"],"mappings":";;;;;;AAAA;AAOA;AACA;AAQA;AAAwD;AAAA;AAAA;AAQjD,SAASA,kBAAkB,OAOxB;EAAA,IAPyB;IACjCC,MAAM,GAAIC,KAA6B,iBAAK,oBAAC,oCAAiB,EAAKA,KAAK,CAAI;IAC5EC,KAAK;IACLC,UAAU;IACVC,WAAW;IACXC,mBAAmB;IACnB,GAAGC;EACE,CAAC;EACN,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,gBAAQ,GAAE;EAE7B,MAAMC,YAAY,GAAIR,KAAyB,IAAK;IAClD,OAAOD,MAAM,CAAC;MACZ,GAAGC,KAAK;MACRC,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,oBACE,oBAAC,2BAAO,eACFR,IAAI;IACR,aAAa,EAAGM,KAAK,IAAK;MACxB,MAAMG,KAAK,GAAGb,KAAK,CAACS,MAAM,CAACC,KAAK,CAAC;MAEjCT,UAAU,CAACa,QAAQ,CAAC;QAClB,GAAGC,qBAAa,CAACC,QAAQ,CAACH,KAAK,CAAC;QAChCI,MAAM,EAAEjB,KAAK,CAACW;MAChB,CAAC,CAAC;IACJ,CAAE;IACF,WAAW,EAAE;MAAA,IAAC;QAAEE;MAAM,CAAC;MAAA,OAAKX,WAAW,CAACW,KAAK,CAACF,GAAG,CAAC,CAACO,MAAM,EAAE;IAAA,CAAC;IAC5D,eAAe,EAAElB,KAAM;IACvB,YAAY,EAAEO,YAAa;IAC3B,qBAAqB,EAAE;MAAA;MAAA,IAAC;QAAEM;MAAM,CAAC;MAAA,OAC/B,oDAAAX,WAAW,CAACW,KAAK,CAACF,GAAG,CAAC,CAACC,OAAO,EAACO,eAAe,0DAA9C,kDAAkD,KAAI,IAAI;IAAA,CAC3D;IACD,IAAI,EAAE;MAAA,IAAC;QAAEN;MAAM,CAAC;MAAA,OAAKX,WAAW,CAACW,KAAK,CAACF,GAAG,CAAC,CAACC,OAAO,CAACQ,IAAI,KAAK,IAAI;IAAA,CAAC;IAClE,mBAAmB,EAAEZ,cAAc,CAACa,mBAAoB;IACxD,YAAY,EAAEb,cAAc,CAACc,YAAa;IAC1C,gBAAgB,EAAEd,cAAc,CAACe,gBAAiB;IAClD,YAAY,EAAE,MAAMtB,UAAU,CAACuB,IAAI,CAAC;MAAEC,IAAI,EAAE;IAAa,CAAC,CAAE;IAC5D,UAAU,EAAE,MAAMxB,UAAU,CAACuB,IAAI,CAAC;MAAEC,IAAI,EAAE;IAAW,CAAC,CAAE;IACxD,mBAAmB,EAAE,CACnB;MAAEC,eAAe,EAAErB,MAAM,CAACsB;IAAW,CAAC,EACtCxB,mBAAmB;EACnB,GACF;AAEN"}
|
package/lib/module/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Navigators
|
|
3
3
|
*/
|
|
4
|
-
export {
|
|
4
|
+
export { createMaterialTopTabNavigator } from './navigators/createMaterialTopTabNavigator';
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* Views
|
|
8
8
|
*/
|
|
9
|
-
export {
|
|
10
|
-
export {
|
|
9
|
+
export { MaterialTopTabBar } from './views/MaterialTopTabBar';
|
|
10
|
+
export { MaterialTopTabView } from './views/MaterialTopTabView';
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Types
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
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,7 +1,7 @@
|
|
|
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
2
|
import { createNavigatorFactory, TabRouter, useNavigationBuilder } from '@react-navigation/native';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import MaterialTopTabView from '../views/MaterialTopTabView';
|
|
4
|
+
import { MaterialTopTabView } from '../views/MaterialTopTabView';
|
|
5
5
|
function MaterialTopTabNavigator(_ref) {
|
|
6
6
|
let {
|
|
7
7
|
id,
|
|
@@ -31,5 +31,5 @@ function MaterialTopTabNavigator(_ref) {
|
|
|
31
31
|
descriptors: descriptors
|
|
32
32
|
})));
|
|
33
33
|
}
|
|
34
|
-
export
|
|
34
|
+
export const createMaterialTopTabNavigator = createNavigatorFactory(MaterialTopTabNavigator);
|
|
35
35
|
//# sourceMappingURL=createMaterialTopTabNavigator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createNavigatorFactory","TabRouter","useNavigationBuilder","React","MaterialTopTabView","MaterialTopTabNavigator","id","initialRouteName","backBehavior","children","screenListeners","screenOptions","rest","state","descriptors","navigation","NavigationContent"],"sourceRoot":"
|
|
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,uBAAuB,OAQtB;EAAA,IARuB;IAC/BC,EAAE;IACFC,gBAAgB;IAChBC,YAAY;IACZC,QAAQ;IACRC,eAAe;IACfC,aAAa;IACb,GAAGC;EACE,CAAC;EACN,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAkB,CAAC,GACzDd,oBAAoB,CAMlBD,SAAS,EAAE;IACXK,EAAE;IACFC,gBAAgB;IAChBC,YAAY;IACZC,QAAQ;IACRC,eAAe;IACfC;EACF,CAAC,CAAC;EAEJ,oBACE,oBAAC,iBAAiB,qBAChB,oBAAC,kBAAkB,eACbC,IAAI;IACR,KAAK,EAAEC,KAAM;IACb,UAAU,EAAEE,UAAW;IACvB,WAAW,EAAED;EAAY,GACzB,CACgB;AAExB;AAEA,OAAO,MAAMG,6BAA6B,GAAGjB,sBAAsB,CAKjEK,uBAAuB,CAAC"}
|
|
@@ -4,7 +4,7 @@ import Color from 'color';
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { StyleSheet, Text, View } from 'react-native';
|
|
6
6
|
import { TabBar, TabBarIndicator } from 'react-native-tab-view';
|
|
7
|
-
export
|
|
7
|
+
export function MaterialTopTabBar(_ref) {
|
|
8
8
|
let {
|
|
9
9
|
state,
|
|
10
10
|
navigation,
|
|
@@ -12,7 +12,8 @@ export default function TabBarTop(_ref) {
|
|
|
12
12
|
...rest
|
|
13
13
|
} = _ref;
|
|
14
14
|
const {
|
|
15
|
-
colors
|
|
15
|
+
colors,
|
|
16
|
+
fonts
|
|
16
17
|
} = useTheme();
|
|
17
18
|
const focusedOptions = descriptors[state.routes[state.index].key].options;
|
|
18
19
|
const activeColor = focusedOptions.tabBarActiveTintColor ?? colors.text;
|
|
@@ -109,9 +110,9 @@ export default function TabBarTop(_ref) {
|
|
|
109
110
|
const label = options.tabBarLabel !== undefined ? options.tabBarLabel : options.title !== undefined ? options.title : route.name;
|
|
110
111
|
if (typeof label === 'string') {
|
|
111
112
|
return /*#__PURE__*/React.createElement(Text, {
|
|
112
|
-
style: [
|
|
113
|
+
style: [{
|
|
113
114
|
color
|
|
114
|
-
}, options.tabBarLabelStyle],
|
|
115
|
+
}, fonts.regular, styles.label, options.tabBarLabelStyle],
|
|
115
116
|
allowFontScaling: options.tabBarAllowFontScaling
|
|
116
117
|
}, label);
|
|
117
118
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","Color","React","StyleSheet","Text","View","TabBar","TabBarIndicator","
|
|
1
|
+
{"version":3,"names":["useTheme","Color","React","StyleSheet","Text","View","TabBar","TabBarIndicator","MaterialTopTabBar","state","navigation","descriptors","rest","colors","fonts","focusedOptions","routes","index","key","options","activeColor","tabBarActiveTintColor","text","inactiveColor","tabBarInactiveTintColor","alpha","rgb","string","tabBarScrollEnabled","tabBarBounces","tabBarPressColor","tabBarPressOpacity","tabBarItemStyle","backgroundColor","primary","tabBarIndicatorStyle","tabBarGap","tabBarAndroidRipple","tabBarIndicatorContainerStyle","tabBarContentContainerStyle","card","tabBarStyle","route","tabBarAccessibilityLabel","tabBarButtonTestID","preventDefault","event","emit","type","target","canPreventDefault","defaultPrevented","focused","color","tabBarShowIcon","tabBarIcon","undefined","icon","styles","tabBarIconStyle","tabBarShowLabel","label","tabBarLabel","title","name","regular","tabBarLabelStyle","tabBarAllowFontScaling","children","tabBarBadge","navigationState","tabBarIndicator","create","height","width","textAlign","textTransform","fontSize","margin"],"sourceRoot":"../../../src","sources":["views/MaterialTopTabBar.tsx"],"mappings":"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"}
|
|
@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
2
2
|
import { CommonActions, useTheme } from '@react-navigation/native';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { TabView } from 'react-native-tab-view';
|
|
5
|
-
import MaterialTopTabBar from './MaterialTopTabBar';
|
|
6
|
-
export
|
|
5
|
+
import { MaterialTopTabBar } from './MaterialTopTabBar';
|
|
6
|
+
export function MaterialTopTabView(_ref) {
|
|
7
7
|
let {
|
|
8
8
|
tabBar = props => /*#__PURE__*/React.createElement(MaterialTopTabBar, props),
|
|
9
9
|
state,
|
|
@@ -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":"
|
|
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,SAA6BC,OAAO,QAAQ,uBAAuB;AAQnE,SAASC,iBAAiB,QAAQ,qBAAqB;AAQvD,OAAO,SAASC,kBAAkB,OAOxB;EAAA,IAPyB;IACjCC,MAAM,GAAIC,KAA6B,iBAAK,oBAAC,iBAAiB,EAAKA,KAAK,CAAI;IAC5EC,KAAK;IACLC,UAAU;IACVC,WAAW;IACXC,mBAAmB;IACnB,GAAGC;EACE,CAAC;EACN,MAAM;IAAEC;EAAO,CAAC,GAAGZ,QAAQ,EAAE;EAE7B,MAAMa,YAAY,GAAIP,KAAyB,IAAK;IAClD,OAAOD,MAAM,CAAC;MACZ,GAAGC,KAAK;MACRC,KAAK,EAAEA,KAAK;MACZC,UAAU,EAAEA,UAAU;MACtBC,WAAW,EAAEA;IACf,CAAC,CAAC;EACJ,CAAC;EAED,MAAMK,cAAc,GAAGL,WAAW,CAACF,KAAK,CAACQ,MAAM,CAACR,KAAK,CAACS,KAAK,CAAC,CAACC,GAAG,CAAC,CAACC,OAAO;EAEzE,oBACE,oBAAC,OAAO,eACFP,IAAI;IACR,aAAa,EAAGK,KAAK,IAAK;MACxB,MAAMG,KAAK,GAAGZ,KAAK,CAACQ,MAAM,CAACC,KAAK,CAAC;MAEjCR,UAAU,CAACY,QAAQ,CAAC;QAClB,GAAGrB,aAAa,CAACsB,QAAQ,CAACF,KAAK,CAAC;QAChCG,MAAM,EAAEf,KAAK,CAACU;MAChB,CAAC,CAAC;IACJ,CAAE;IACF,WAAW,EAAE;MAAA,IAAC;QAAEE;MAAM,CAAC;MAAA,OAAKV,WAAW,CAACU,KAAK,CAACF,GAAG,CAAC,CAACM,MAAM,EAAE;IAAA,CAAC;IAC5D,eAAe,EAAEhB,KAAM;IACvB,YAAY,EAAEM,YAAa;IAC3B,qBAAqB,EAAE;MAAA;MAAA,IAAC;QAAEM;MAAM,CAAC;MAAA,OAC/B,oDAAAV,WAAW,CAACU,KAAK,CAACF,GAAG,CAAC,CAACC,OAAO,EAACM,eAAe,0DAA9C,kDAAkD,KAAI,IAAI;IAAA,CAC3D;IACD,IAAI,EAAE;MAAA,IAAC;QAAEL;MAAM,CAAC;MAAA,OAAKV,WAAW,CAACU,KAAK,CAACF,GAAG,CAAC,CAACC,OAAO,CAACO,IAAI,KAAK,IAAI;IAAA,CAAC;IAClE,mBAAmB,EAAEX,cAAc,CAACY,mBAAoB;IACxD,YAAY,EAAEZ,cAAc,CAACa,YAAa;IAC1C,gBAAgB,EAAEb,cAAc,CAACc,gBAAiB;IAClD,YAAY,EAAE,MAAMpB,UAAU,CAACqB,IAAI,CAAC;MAAEC,IAAI,EAAE;IAAa,CAAC,CAAE;IAC5D,UAAU,EAAE,MAAMtB,UAAU,CAACqB,IAAI,CAAC;MAAEC,IAAI,EAAE;IAAW,CAAC,CAAE;IACxD,mBAAmB,EAAE,CACnB;MAAEC,eAAe,EAAEnB,MAAM,CAACoB;IAAW,CAAC,EACtCtB,mBAAmB;EACnB,GACF;AAEN"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Navigators
|
|
3
3
|
*/
|
|
4
|
-
export {
|
|
4
|
+
export { createMaterialTopTabNavigator } from './navigators/createMaterialTopTabNavigator';
|
|
5
5
|
/**
|
|
6
6
|
* Views
|
|
7
7
|
*/
|
|
8
|
-
export {
|
|
9
|
-
export {
|
|
8
|
+
export { MaterialTopTabBar } from './views/MaterialTopTabBar';
|
|
9
|
+
export { MaterialTopTabView } from './views/MaterialTopTabView';
|
|
10
10
|
/**
|
|
11
11
|
* Types
|
|
12
12
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,
|
|
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"}
|
|
@@ -3,11 +3,11 @@ import { DefaultNavigatorOptions, ParamListBase, TabNavigationState, TabRouterOp
|
|
|
3
3
|
import type { MaterialTopTabNavigationConfig, MaterialTopTabNavigationEventMap, MaterialTopTabNavigationOptions } from '../types';
|
|
4
4
|
type Props = DefaultNavigatorOptions<ParamListBase, TabNavigationState<ParamListBase>, MaterialTopTabNavigationOptions, MaterialTopTabNavigationEventMap> & TabRouterOptions & MaterialTopTabNavigationConfig;
|
|
5
5
|
declare function MaterialTopTabNavigator({ id, initialRouteName, backBehavior, children, screenListeners, screenOptions, ...rest }: Props): JSX.Element;
|
|
6
|
-
declare const
|
|
6
|
+
export declare const createMaterialTopTabNavigator: {
|
|
7
7
|
<ParamList extends ParamListBase>(): import("@react-navigation/native").TypedNavigator<ParamList, TabNavigationState<ParamListBase>, MaterialTopTabNavigationOptions, MaterialTopTabNavigationEventMap, typeof MaterialTopTabNavigator>;
|
|
8
8
|
<ParamList_1 extends ParamListBase, Config extends import("packages/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
|
};
|
|
12
|
-
export
|
|
12
|
+
export {};
|
|
13
13
|
//# sourceMappingURL=createMaterialTopTabNavigator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createMaterialTopTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigators/createMaterialTopTabNavigator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,uBAAuB,EACvB,aAAa,EAEb,kBAAkB,EAElB,gBAAgB,EAEjB,MAAM,0BAA0B,CAAC;AAGlC,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,eAAe,EACf,aAAa,EACb,GAAG,IAAI,EACR,EAAE,KAAK,eA2BP
|
|
1
|
+
{"version":3,"file":"createMaterialTopTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigators/createMaterialTopTabNavigator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,uBAAuB,EACvB,aAAa,EAEb,kBAAkB,EAElB,gBAAgB,EAEjB,MAAM,0BAA0B,CAAC;AAGlC,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,eAAe,EACf,aAAa,EACb,GAAG,IAAI,EACR,EAAE,KAAK,eA2BP;AAED,eAAO,MAAM,6BAA6B;;;;;CAKhB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { MaterialTopTabBarProps } from '../types';
|
|
3
|
-
export
|
|
3
|
+
export declare function MaterialTopTabBar({ state, navigation, descriptors, ...rest }: MaterialTopTabBarProps): 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":";AAWA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAEvD,
|
|
1
|
+
{"version":3,"file":"MaterialTopTabBar.d.ts","sourceRoot":"","sources":["../../../../src/views/MaterialTopTabBar.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAEvD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,UAAU,EACV,WAAW,EACX,GAAG,IAAI,EACR,EAAE,sBAAsB,eA8HxB"}
|
|
@@ -6,6 +6,6 @@ type Props = MaterialTopTabNavigationConfig & {
|
|
|
6
6
|
navigation: MaterialTopTabNavigationHelpers;
|
|
7
7
|
descriptors: MaterialTopTabDescriptorMap;
|
|
8
8
|
};
|
|
9
|
-
export
|
|
9
|
+
export declare function MaterialTopTabView({ tabBar, state, navigation, descriptors, sceneContainerStyle, ...rest }: Props): 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":";AAAA,OAAO,EAEL,aAAa,EAEb,kBAAkB,EAEnB,MAAM,0BAA0B,CAAC;AAIlC,OAAO,KAAK,EAEV,2BAA2B,EAC3B,8BAA8B,EAC9B,+BAA+B,EAChC,MAAM,UAAU,CAAC;AAGlB,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,
|
|
1
|
+
{"version":3,"file":"MaterialTopTabView.d.ts","sourceRoot":"","sources":["../../../../src/views/MaterialTopTabView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,aAAa,EAEb,kBAAkB,EAEnB,MAAM,0BAA0B,CAAC;AAIlC,OAAO,KAAK,EAEV,2BAA2B,EAC3B,8BAA8B,EAC9B,+BAA+B,EAChC,MAAM,UAAU,CAAC;AAGlB,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,eA2CP"}
|
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.1",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native-component",
|
|
7
7
|
"react-component",
|
|
@@ -42,17 +42,17 @@
|
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"color": "^4.2.3",
|
|
45
|
-
"react-native-tab-view": "^3.5.
|
|
45
|
+
"react-native-tab-view": "^3.5.1"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@react-navigation/native": "^7.0.0-alpha.
|
|
48
|
+
"@react-navigation/native": "^7.0.0-alpha.1",
|
|
49
49
|
"@testing-library/react-native": "^11.5.0",
|
|
50
50
|
"@types/react": "~18.0.26",
|
|
51
51
|
"@types/react-native": "~0.70.8",
|
|
52
52
|
"del-cli": "^5.0.0",
|
|
53
53
|
"react": "18.1.0",
|
|
54
54
|
"react-native": "0.70.5",
|
|
55
|
-
"react-native-builder-bob": "^0.20.
|
|
55
|
+
"react-native-builder-bob": "^0.20.4",
|
|
56
56
|
"react-native-pager-view": "6.0.1",
|
|
57
57
|
"typescript": "^4.9.4"
|
|
58
58
|
},
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
]
|
|
77
77
|
]
|
|
78
78
|
},
|
|
79
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "230c09deeeb886929a15cb4cdcb496372a9496e1"
|
|
80
80
|
}
|
package/src/index.tsx
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Navigators
|
|
3
3
|
*/
|
|
4
|
-
export {
|
|
4
|
+
export { createMaterialTopTabNavigator } from './navigators/createMaterialTopTabNavigator';
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* Views
|
|
8
8
|
*/
|
|
9
|
-
export {
|
|
10
|
-
export {
|
|
9
|
+
export { MaterialTopTabBar } from './views/MaterialTopTabBar';
|
|
10
|
+
export { MaterialTopTabView } from './views/MaterialTopTabView';
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Types
|
|
@@ -15,7 +15,7 @@ import type {
|
|
|
15
15
|
MaterialTopTabNavigationEventMap,
|
|
16
16
|
MaterialTopTabNavigationOptions,
|
|
17
17
|
} from '../types';
|
|
18
|
-
import MaterialTopTabView from '../views/MaterialTopTabView';
|
|
18
|
+
import { MaterialTopTabView } from '../views/MaterialTopTabView';
|
|
19
19
|
|
|
20
20
|
type Props = DefaultNavigatorOptions<
|
|
21
21
|
ParamListBase,
|
|
@@ -63,7 +63,7 @@ function MaterialTopTabNavigator({
|
|
|
63
63
|
);
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
export
|
|
66
|
+
export const createMaterialTopTabNavigator = createNavigatorFactory<
|
|
67
67
|
TabNavigationState<ParamListBase>,
|
|
68
68
|
MaterialTopTabNavigationOptions,
|
|
69
69
|
MaterialTopTabNavigationEventMap,
|
|
@@ -11,13 +11,13 @@ import { TabBar, TabBarIndicator } from 'react-native-tab-view';
|
|
|
11
11
|
|
|
12
12
|
import type { MaterialTopTabBarProps } from '../types';
|
|
13
13
|
|
|
14
|
-
export
|
|
14
|
+
export function MaterialTopTabBar({
|
|
15
15
|
state,
|
|
16
16
|
navigation,
|
|
17
17
|
descriptors,
|
|
18
18
|
...rest
|
|
19
19
|
}: MaterialTopTabBarProps) {
|
|
20
|
-
const { colors } = useTheme();
|
|
20
|
+
const { colors, fonts } = useTheme();
|
|
21
21
|
|
|
22
22
|
const focusedOptions = descriptors[state.routes[state.index].key].options;
|
|
23
23
|
|
|
@@ -103,7 +103,12 @@ export default function TabBarTop({
|
|
|
103
103
|
if (typeof label === 'string') {
|
|
104
104
|
return (
|
|
105
105
|
<Text
|
|
106
|
-
style={[
|
|
106
|
+
style={[
|
|
107
|
+
{ color },
|
|
108
|
+
fonts.regular,
|
|
109
|
+
styles.label,
|
|
110
|
+
options.tabBarLabelStyle,
|
|
111
|
+
]}
|
|
107
112
|
allowFontScaling={options.tabBarAllowFontScaling}
|
|
108
113
|
>
|
|
109
114
|
{label}
|
|
@@ -14,7 +14,7 @@ import type {
|
|
|
14
14
|
MaterialTopTabNavigationConfig,
|
|
15
15
|
MaterialTopTabNavigationHelpers,
|
|
16
16
|
} from '../types';
|
|
17
|
-
import MaterialTopTabBar from './MaterialTopTabBar';
|
|
17
|
+
import { MaterialTopTabBar } from './MaterialTopTabBar';
|
|
18
18
|
|
|
19
19
|
type Props = MaterialTopTabNavigationConfig & {
|
|
20
20
|
state: TabNavigationState<ParamListBase>;
|
|
@@ -22,7 +22,7 @@ type Props = MaterialTopTabNavigationConfig & {
|
|
|
22
22
|
descriptors: MaterialTopTabDescriptorMap;
|
|
23
23
|
};
|
|
24
24
|
|
|
25
|
-
export
|
|
25
|
+
export function MaterialTopTabView({
|
|
26
26
|
tabBar = (props: MaterialTopTabBarProps) => <MaterialTopTabBar {...props} />,
|
|
27
27
|
state,
|
|
28
28
|
navigation,
|