@adiraku/react-native-ui 1.2.4 → 1.2.5
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/components/Tabs/Tabs.component.js +1 -0
- package/lib/commonjs/components/Tabs/Tabs.component.js.map +1 -1
- package/lib/commonjs/components/rounded-tab/rounded-tab.component.js +8 -3
- package/lib/commonjs/components/rounded-tab/rounded-tab.component.js.map +1 -1
- package/lib/module/components/Tabs/Tabs.component.js +1 -0
- package/lib/module/components/Tabs/Tabs.component.js.map +1 -1
- package/lib/module/components/rounded-tab/rounded-tab.component.js +8 -3
- package/lib/module/components/rounded-tab/rounded-tab.component.js.map +1 -1
- package/lib/typescript/components/Tabs/Tabs.component.d.ts.map +1 -1
- package/lib/typescript/components/rounded-tab/rounded-tab.component.d.ts.map +1 -1
- package/lib/typescript/components/rounded-tab/rounded-tab.type.d.ts +2 -1
- package/lib/typescript/components/rounded-tab/rounded-tab.type.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Tabs/Tabs.component.tsx +1 -0
- package/src/components/rounded-tab/rounded-tab.component.tsx +10 -2
- package/src/components/rounded-tab/rounded-tab.type.ts +2 -1
|
@@ -64,6 +64,7 @@ const Tabs = props => {
|
|
|
64
64
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
65
65
|
style: [computedStyle.container]
|
|
66
66
|
}, labels.map((label, idx) => /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
|
|
67
|
+
key: idx,
|
|
67
68
|
onPress: () => onTabPress(idx),
|
|
68
69
|
style: [computedStyle.tabContainer],
|
|
69
70
|
onLayout: event => onLayout(event, idx)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Tabs","props","labels","onTabPress","activeIndex","computedStyle","getStyle","labelsLayout","setLabelsLayout","React","useState","indicatorWidth","Animated","Value","indicatorOffsetX","useEffect","getActiveIndex","length","Object","keys","currentActiveIndex","indicatorOffset","i","updatedWith","timing","toValue","easing","Easing","ease","useNativeDriver","duration","start","onLayout","event","idx","width","nativeEvent","layout","container","map","label","tabContainer","bottomMarker","left"],"sourceRoot":"../../src","sources":["Tabs.component.tsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["Tabs","props","labels","onTabPress","activeIndex","computedStyle","getStyle","labelsLayout","setLabelsLayout","React","useState","indicatorWidth","Animated","Value","indicatorOffsetX","useEffect","getActiveIndex","length","Object","keys","currentActiveIndex","indicatorOffset","i","updatedWith","timing","toValue","easing","Easing","ease","useNativeDriver","duration","start","onLayout","event","idx","width","nativeEvent","layout","container","map","label","tabContainer","bottomMarker","left"],"sourceRoot":"../../src","sources":["Tabs.component.tsx"],"mappings":"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"}
|
|
@@ -15,7 +15,8 @@ const RoundedTab = props => {
|
|
|
15
15
|
const {
|
|
16
16
|
data = [],
|
|
17
17
|
selectedValue = '',
|
|
18
|
-
onTabItemPress = () => null
|
|
18
|
+
onTabItemPress = () => null,
|
|
19
|
+
contentContainerStyle
|
|
19
20
|
} = props;
|
|
20
21
|
const computedStyle = (0, _roundedTab.getStyle)(props);
|
|
21
22
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
@@ -25,7 +26,8 @@ const RoundedTab = props => {
|
|
|
25
26
|
data: data,
|
|
26
27
|
renderItem: _ref => {
|
|
27
28
|
let {
|
|
28
|
-
item
|
|
29
|
+
item,
|
|
30
|
+
index
|
|
29
31
|
} = _ref;
|
|
30
32
|
const {
|
|
31
33
|
label,
|
|
@@ -35,6 +37,7 @@ const RoundedTab = props => {
|
|
|
35
37
|
...rest
|
|
36
38
|
} = item;
|
|
37
39
|
return /*#__PURE__*/React.createElement(TabItem, _extends({
|
|
40
|
+
key: index,
|
|
38
41
|
label: label,
|
|
39
42
|
value: value,
|
|
40
43
|
isSelected: selectedValue === value,
|
|
@@ -47,7 +50,9 @@ const RoundedTab = props => {
|
|
|
47
50
|
,
|
|
48
51
|
ItemSeparatorComponent: () => /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
49
52
|
style: [computedStyle.itemSeparator]
|
|
50
|
-
})
|
|
53
|
+
}),
|
|
54
|
+
contentContainerStyle: contentContainerStyle,
|
|
55
|
+
showsHorizontalScrollIndicator: false
|
|
51
56
|
}));
|
|
52
57
|
};
|
|
53
58
|
exports.RoundedTab = RoundedTab;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["RoundedTab","props","data","selectedValue","onTabItemPress","computedStyle","getStyle","container","item","label","value","leading","trailing","rest","itemSeparator","TabItem","isSelected","onPress","getTabItemStyle","animatedButtonScale","Animated","Value","onPressIn","spring","toValue","useNativeDriver","start","onPressOut","animatedScaleStyle","transform","scale","leadingWrapper","trailingWrapper"],"sourceRoot":"../../src","sources":["rounded-tab.component.tsx"],"mappings":";;;;;;AAAA;AACA;AAEA;AAIA;AAAgE;AAAA;AAAA;AAKhE,MAAMA,UAAoD,GAAIC,KAAK,IAAK;EACtE,MAAM;
|
|
1
|
+
{"version":3,"names":["RoundedTab","props","data","selectedValue","onTabItemPress","contentContainerStyle","computedStyle","getStyle","container","item","index","label","value","leading","trailing","rest","itemSeparator","TabItem","isSelected","onPress","getTabItemStyle","animatedButtonScale","Animated","Value","onPressIn","spring","toValue","useNativeDriver","start","onPressOut","animatedScaleStyle","transform","scale","leadingWrapper","trailingWrapper"],"sourceRoot":"../../src","sources":["rounded-tab.component.tsx"],"mappings":"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"}
|
|
@@ -56,6 +56,7 @@ const Tabs = props => {
|
|
|
56
56
|
return /*#__PURE__*/React.createElement(View, {
|
|
57
57
|
style: [computedStyle.container]
|
|
58
58
|
}, labels.map((label, idx) => /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
59
|
+
key: idx,
|
|
59
60
|
onPress: () => onTabPress(idx),
|
|
60
61
|
style: [computedStyle.tabContainer],
|
|
61
62
|
onLayout: event => onLayout(event, idx)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","Easing","View","TouchableOpacity","getStyle","Typography","Tabs","props","labels","onTabPress","activeIndex","computedStyle","labelsLayout","setLabelsLayout","useState","indicatorWidth","Value","indicatorOffsetX","useEffect","getActiveIndex","length","Object","keys","currentActiveIndex","indicatorOffset","i","updatedWith","timing","toValue","easing","ease","useNativeDriver","duration","start","onLayout","event","idx","width","nativeEvent","layout","container","map","label","tabContainer","bottomMarker","left"],"sourceRoot":"../../src","sources":["Tabs.component.tsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["React","Animated","Easing","View","TouchableOpacity","getStyle","Typography","Tabs","props","labels","onTabPress","activeIndex","computedStyle","labelsLayout","setLabelsLayout","useState","indicatorWidth","Value","indicatorOffsetX","useEffect","getActiveIndex","length","Object","keys","currentActiveIndex","indicatorOffset","i","updatedWith","timing","toValue","easing","ease","useNativeDriver","duration","start","onLayout","event","idx","width","nativeEvent","layout","container","map","label","tabContainer","bottomMarker","left"],"sourceRoot":"../../src","sources":["Tabs.component.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,MAAM,EACNC,IAAI,EAEJC,gBAAgB,QACX,cAAc;AAErB,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,UAAU,QAAQ,oCAAoC;AAQ/D,MAAMC,IAAwC,GAAIC,KAAK,IAAK;EAC1D,MAAM;IAAEC,MAAM,GAAG,EAAE;IAAEC,UAAU,GAAG,MAAM,CAAC,CAAC;IAAEC,WAAW,GAAG;EAAE,CAAC,GAAGH,KAAK;EAErE,MAAMI,aAAa,GAAGP,QAAQ,EAAE;EAEhC,MAAM,CAACQ,YAAY,EAAEC,eAAe,CAAC,GAAGd,KAAK,CAACe,QAAQ,CAAmB,CAAC,CAAC,CAAC;EAC5E,MAAMC,cAAc,GAAGhB,KAAK,CAACe,QAAQ,CAAC,IAAId,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAC/D,MAAMC,gBAAgB,GAAGlB,KAAK,CAACe,QAAQ,CAAC,IAAId,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAEjEjB,KAAK,CAACmB,SAAS,CAAC,MAAM;IACpB,MAAMC,cAAc,GAAG,MAAM;MAC3B,IAAIT,WAAW,GAAG,CAAC,EAAE;QACnB,OAAO,CAAC;MACV,CAAC,MAAM,IAAIA,WAAW,GAAGF,MAAM,CAACY,MAAM,GAAG,CAAC,EAAE;QAC1C,OAAOZ,MAAM,CAACY,MAAM,GAAG,CAAC;MAC1B,CAAC,MAAM;QACL,OAAOV,WAAW;MACpB;IACF,CAAC;IAED,IAAIW,MAAM,CAACC,IAAI,CAACV,YAAY,CAAC,CAACQ,MAAM,KAAK,CAAC,EAAE;MAC1C,MAAMG,kBAAkB,GAAGJ,cAAc,EAAE;MAC3C,IAAIK,eAAe,GAAG,CAAC;MACvB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,kBAAkB,EAAEE,CAAC,EAAE,EAAE;QAC3CD,eAAe,IAAIZ,YAAY,CAACa,CAAC,CAAC,IAAI,CAAC;MACzC;MAEA,MAAMC,WAAW,GAAGd,YAAY,CAACW,kBAAkB,CAAC,IAAI,CAAC;MACzDvB,QAAQ,CAAC2B,MAAM,CAACV,gBAAgB,EAAE;QAChCW,OAAO,EAAEJ,eAAe;QACxBK,MAAM,EAAE5B,MAAM,CAAC6B,IAAI;QACnBC,eAAe,EAAE,KAAK;QACtBC,QAAQ,EAAE;MACZ,CAAC,CAAC,CAACC,KAAK,EAAE;MACVjC,QAAQ,CAAC2B,MAAM,CAACZ,cAAc,EAAE;QAC9Ba,OAAO,EAAEF,WAAW;QACpBG,MAAM,EAAE5B,MAAM,CAAC6B,IAAI;QACnBC,eAAe,EAAE,KAAK;QACtBC,QAAQ,EAAE;MACZ,CAAC,CAAC,CAACC,KAAK,EAAE;IACZ;IACA;EACF,CAAC,EAAE,CAACvB,WAAW,EAAEF,MAAM,EAAEI,YAAY,CAAC,CAAC;EAEvC,MAAMsB,QAAQ,GAAG,CAACC,KAAwB,EAAEC,GAAW,KAAK;IAC1D,MAAM;MAAEC;IAAM,CAAC,GAAGF,KAAK,CAACG,WAAW,CAACC,MAAM;IAC1C1B,eAAe,CAAC;MACd,GAAGD,YAAY;MACf,CAACwB,GAAG,GAAGC;IACT,CAAC,CAAC;EACJ,CAAC;EAED,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAAC1B,aAAa,CAAC6B,SAAS;EAAE,GACpChC,MAAM,CAACiC,GAAG,CAAC,CAACC,KAAK,EAAEN,GAAG,kBACrB,oBAAC,gBAAgB;IACf,GAAG,EAAEA,GAAI;IACT,OAAO,EAAE,MAAM3B,UAAU,CAAC2B,GAAG,CAAE;IAC/B,KAAK,EAAE,CAACzB,aAAa,CAACgC,YAAY,CAAE;IACpC,QAAQ,EAAGR,KAAK,IAAKD,QAAQ,CAACC,KAAK,EAAEC,GAAG;EAAE,gBAE1C,oBAAC,UAAU;IAAC,GAAG,EAAEA,GAAI;IAAC,OAAO,EAAC;EAAW,GACtCM,KAAK,CACK,CAEhB,CAAC,eACF,oBAAC,QAAQ,CAAC,IAAI;IACZ,KAAK,EAAE,CACL/B,aAAa,CAACiC,YAAY,EAC1B;MAAEP,KAAK,EAAEtB,cAAc;MAAE8B,IAAI,EAAE5B;IAAiB,CAAC;EACjD,EACF,CACG;AAEX,CAAC;AAED,SAASX,IAAI"}
|
|
@@ -10,7 +10,8 @@ const RoundedTab = props => {
|
|
|
10
10
|
const {
|
|
11
11
|
data = [],
|
|
12
12
|
selectedValue = '',
|
|
13
|
-
onTabItemPress = () => null
|
|
13
|
+
onTabItemPress = () => null,
|
|
14
|
+
contentContainerStyle
|
|
14
15
|
} = props;
|
|
15
16
|
const computedStyle = getStyle(props);
|
|
16
17
|
return /*#__PURE__*/React.createElement(View, {
|
|
@@ -20,7 +21,8 @@ const RoundedTab = props => {
|
|
|
20
21
|
data: data,
|
|
21
22
|
renderItem: _ref => {
|
|
22
23
|
let {
|
|
23
|
-
item
|
|
24
|
+
item,
|
|
25
|
+
index
|
|
24
26
|
} = _ref;
|
|
25
27
|
const {
|
|
26
28
|
label,
|
|
@@ -30,6 +32,7 @@ const RoundedTab = props => {
|
|
|
30
32
|
...rest
|
|
31
33
|
} = item;
|
|
32
34
|
return /*#__PURE__*/React.createElement(TabItem, _extends({
|
|
35
|
+
key: index,
|
|
33
36
|
label: label,
|
|
34
37
|
value: value,
|
|
35
38
|
isSelected: selectedValue === value,
|
|
@@ -42,7 +45,9 @@ const RoundedTab = props => {
|
|
|
42
45
|
,
|
|
43
46
|
ItemSeparatorComponent: () => /*#__PURE__*/React.createElement(View, {
|
|
44
47
|
style: [computedStyle.itemSeparator]
|
|
45
|
-
})
|
|
48
|
+
}),
|
|
49
|
+
contentContainerStyle: contentContainerStyle,
|
|
50
|
+
showsHorizontalScrollIndicator: false
|
|
46
51
|
}));
|
|
47
52
|
};
|
|
48
53
|
function TabItem(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","getStyle","getTabItemStyle","TouchableWithoutFeedback","Typography","Animated","FlatList","RoundedTab","props","data","selectedValue","onTabItemPress","computedStyle","container","item","label","value","leading","trailing","rest","itemSeparator","TabItem","isSelected","onPress","animatedButtonScale","Value","onPressIn","spring","toValue","useNativeDriver","start","onPressOut","animatedScaleStyle","transform","scale","leadingWrapper","trailingWrapper"],"sourceRoot":"../../src","sources":["rounded-tab.component.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,QAAQ,EAAEC,eAAe,QAAQ,qBAAqB;AAG/D,SAASC,wBAAwB,QAAQ,cAAc;AACvD,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,QAAQ,QAAQ,cAAc;AAGvC,MAAMC,UAAoD,GAAIC,KAAK,IAAK;EACtE,MAAM;
|
|
1
|
+
{"version":3,"names":["React","View","getStyle","getTabItemStyle","TouchableWithoutFeedback","Typography","Animated","FlatList","RoundedTab","props","data","selectedValue","onTabItemPress","contentContainerStyle","computedStyle","container","item","index","label","value","leading","trailing","rest","itemSeparator","TabItem","isSelected","onPress","animatedButtonScale","Value","onPressIn","spring","toValue","useNativeDriver","start","onPressOut","animatedScaleStyle","transform","scale","leadingWrapper","trailingWrapper"],"sourceRoot":"../../src","sources":["rounded-tab.component.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"Tabs.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CA0E5C,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rounded-tab.component.d.ts","sourceRoot":"","sources":["../../../../src/components/rounded-tab/rounded-tab.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAgB,MAAM,oBAAoB,CAAC;AAOxE,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"rounded-tab.component.d.ts","sourceRoot":"","sources":["../../../../src/components/rounded-tab/rounded-tab.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAgB,MAAM,oBAAoB,CAAC;AAOxE,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAuCxD,CAAC;AAuEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { TouchableWithoutFeedbackProps } from 'react-native';
|
|
2
|
+
import { TouchableWithoutFeedbackProps, ViewStyle } from 'react-native';
|
|
3
3
|
export interface RoundedTabProps {
|
|
4
4
|
data: Omit<TabItemProps, 'isSelected'>[];
|
|
5
5
|
selectedValue: string;
|
|
6
6
|
onTabItemPress: (value: any) => void;
|
|
7
|
+
contentContainerStyle: ViewStyle;
|
|
7
8
|
}
|
|
8
9
|
export declare type TabItemProps = TouchableWithoutFeedbackProps & {
|
|
9
10
|
label: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rounded-tab.type.d.ts","sourceRoot":"","sources":["../../../../src/components/rounded-tab/rounded-tab.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"rounded-tab.type.d.ts","sourceRoot":"","sources":["../../../../src/components/rounded-tab/rounded-tab.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,6BAA6B,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAExE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,EAAE,CAAC;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,qBAAqB,EAAE,SAAS,CAAC;CAClC;AAED,oBAAY,YAAY,GAAG,6BAA6B,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -72,6 +72,7 @@ const Tabs: React.FunctionComponent<TabsProps> = (props) => {
|
|
|
72
72
|
<View style={[computedStyle.container]}>
|
|
73
73
|
{labels.map((label, idx) => (
|
|
74
74
|
<TouchableOpacity
|
|
75
|
+
key={idx}
|
|
75
76
|
onPress={() => onTabPress(idx)}
|
|
76
77
|
style={[computedStyle.tabContainer]}
|
|
77
78
|
onLayout={(event) => onLayout(event, idx)}
|
|
@@ -11,7 +11,12 @@ import { FlatList } from 'react-native';
|
|
|
11
11
|
import { GestureResponderEvent } from 'react-native';
|
|
12
12
|
|
|
13
13
|
const RoundedTab: React.FunctionComponent<RoundedTabProps> = (props) => {
|
|
14
|
-
const {
|
|
14
|
+
const {
|
|
15
|
+
data = [],
|
|
16
|
+
selectedValue = '',
|
|
17
|
+
onTabItemPress = () => null,
|
|
18
|
+
contentContainerStyle,
|
|
19
|
+
} = props;
|
|
15
20
|
|
|
16
21
|
const computedStyle = getStyle(props);
|
|
17
22
|
|
|
@@ -20,10 +25,11 @@ const RoundedTab: React.FunctionComponent<RoundedTabProps> = (props) => {
|
|
|
20
25
|
<FlatList
|
|
21
26
|
horizontal={true}
|
|
22
27
|
data={data}
|
|
23
|
-
renderItem={({ item }) => {
|
|
28
|
+
renderItem={({ item, index }) => {
|
|
24
29
|
const { label, value, leading, trailing, ...rest } = item;
|
|
25
30
|
return (
|
|
26
31
|
<TabItem
|
|
32
|
+
key={index}
|
|
27
33
|
label={label}
|
|
28
34
|
value={value}
|
|
29
35
|
isSelected={selectedValue === value}
|
|
@@ -38,6 +44,8 @@ const RoundedTab: React.FunctionComponent<RoundedTabProps> = (props) => {
|
|
|
38
44
|
ItemSeparatorComponent={() => (
|
|
39
45
|
<View style={[computedStyle.itemSeparator]} />
|
|
40
46
|
)}
|
|
47
|
+
contentContainerStyle={contentContainerStyle}
|
|
48
|
+
showsHorizontalScrollIndicator={false}
|
|
41
49
|
/>
|
|
42
50
|
</View>
|
|
43
51
|
);
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { TouchableWithoutFeedbackProps } from 'react-native';
|
|
2
|
+
import { TouchableWithoutFeedbackProps, ViewStyle } from 'react-native';
|
|
3
3
|
|
|
4
4
|
export interface RoundedTabProps {
|
|
5
5
|
data: Omit<TabItemProps, 'isSelected'>[];
|
|
6
6
|
selectedValue: string;
|
|
7
7
|
onTabItemPress: (value: any) => void;
|
|
8
|
+
contentContainerStyle: ViewStyle;
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
export type TabItemProps = TouchableWithoutFeedbackProps & {
|