react-native-inapp-inspector 2.3.19 → 2.3.21

package/dist/commonjs/components/Inspector/TabBar.js

@@ -1,350 +1,52 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const InspectorContext_1 = require("./InspectorContext");
-const styles_1 = __importDefault(require("../../styles"));
-const AppColors_1 = require("../../styles/AppColors");
-const AppFonts_1 = require("../../styles/AppFonts");
-const TouchableScale_1 = __importDefault(require("../TouchableScale"));
-const NetworkIcons_1 = require("../NetworkIcons");
-const reduxLogger_1 = require("../../customHooks/reduxLogger");
-const analyticsLogger_1 = require("../../customHooks/analyticsLogger");
-const helpers_1 = require("../../helpers");
-const TabBar = react_1.default.memo(() => {
-    const { activeTab, switchActiveTab, tabVisibility, logs, consoleLogs, analyticsEvents, crashRecords, lastReadApisCount, lastReadLogsCount, lastReadCrashesCount, mediaCount, } = (0, InspectorContext_1.useInspector)();
-    const isReduxAvail = (0, reduxLogger_1.isReduxConnected)();
-    const isAnalyticsAvail = (0, analyticsLogger_1.isAnalyticsConnected)();
-    const isMediaActive = activeTab === 'media';
-    const showMediaTab = (tabVisibility?.media ?? true) && mediaCount > 0;
-    const scrollViewRef = (0, react_1.useRef)(null);
-    const [canScrollLeft, setCanScrollLeft] = (0, react_1.useState)(false);
-    const [canScrollRight, setCanScrollRight] = (0, react_1.useState)(true);
-    const scrollOffsetRef = (0, react_1.useRef)(0);
-    const handleScroll = (event) => {
-        const { contentOffset, layoutMeasurement, contentSize } = event.nativeEvent;
-        const x = contentOffset.x;
-        scrollOffsetRef.current = x;
-        const hasLeft = x > 8;
-        const hasRight = x < contentSize.width - layoutMeasurement.width - 8;
-        if (canScrollLeft !== hasLeft)
-            setCanScrollLeft(hasLeft);
-        if (canScrollRight !== hasRight)
-            setCanScrollRight(hasRight);
-    };
-    const scrollTabs = (offset) => {
-        scrollViewRef.current?.scrollTo({
-            x: Math.max(0, scrollOffsetRef.current + offset),
-            animated: true,
-        });
-    };
-    return (<react_native_1.View style={[
-            styles_1.default.tabBarContainer,
-            {
-                flexDirection: 'row',
-                alignItems: 'center',
-                paddingHorizontal: 0,
-            },
-        ]}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,o,n,r){r===void 0&&(r=n);var i=Object.getOwnPropertyDescriptor(o,n);(!i||("get"in i?!o.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(t,r,i)}):(function(t,o,n,r){r===void 0&&(r=n),t[r]=o[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,o){Object.defineProperty(t,"default",{enumerable:!0,value:o})}):function(t,o){t.default=o}),__importStar=this&&this.__importStar||(function(){var t=function(o){return t=Object.getOwnPropertyNames||function(n){var r=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(r[r.length]=i);return r},t(o)};return function(o){if(o&&o.__esModule)return o;var n={};if(o!=null)for(var r=t(o),i=0;i<r.length;i++)r[i]!=="default"&&__createBinding(n,o,r[i]);return __setModuleDefault(n,o),n}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),reduxLogger_1=require("../../customHooks/reduxLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),helpers_1=require("../../helpers"),TabBar=react_1.default.memo(()=>{const{activeTab:t,switchActiveTab:o,tabVisibility:n,logs:r,consoleLogs:i,analyticsEvents:w,crashRecords:f,lastReadApisCount:A,lastReadLogsCount:m,lastReadCrashesCount:S,mediaCount:y}=(0,InspectorContext_1.useInspector)(),x=(0,reduxLogger_1.isReduxConnected)(),I=(0,analyticsLogger_1.isAnalyticsConnected)(),s=t==="media",p=(n?.media??!0)&&y>0,C=(0,react_1.useRef)(null),[g,T]=(0,react_1.useState)(!1),[_,R]=(0,react_1.useState)(!0),b=(0,react_1.useRef)(0),k=e=>{const{contentOffset:c,layoutMeasurement:l,contentSize:h}=e.nativeEvent,a=c.x;b.current=a;const u=a>8,d=a<h.width-l.width-8;g!==u&&T(u),_!==d&&R(d)},v=e=>{C.current?.scrollTo({x:Math.max(0,b.current+e),animated:!0})};return<react_native_1.View style={[styles_1.default.tabBarContainer,{flexDirection:"row",alignItems:"center",paddingHorizontal:0}]}>
       
-      {canScrollLeft && (<react_native_1.TouchableOpacity onPress={() => scrollTabs(-160)} hitSlop={{ top: 6, bottom: 6, left: 6, right: 6 }} activeOpacity={0.7} style={{
-                paddingLeft: 6,
-                paddingRight: 2,
-                justifyContent: 'center',
-                alignItems: 'center',
-            }}>
-          <react_native_1.View style={{
-                width: 22,
-                height: 22,
-                borderRadius: 11,
-                backgroundColor: '#E5E7EB',
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-            <NetworkIcons_1.ChevronIcon direction="left" size={13} color={AppColors_1.AppColors.purple}/>
+      {g&&<react_native_1.TouchableOpacity onPress={()=>v(-160)}hitSlop={{top:6,bottom:6,left:6,right:6}}activeOpacity={.7}style={{paddingLeft:6,paddingRight:2,justifyContent:"center",alignItems:"center"}}>
+          <react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
+            <NetworkIcons_1.ChevronIcon direction="left"size={13}color={AppColors_1.AppColors.purple}/>
           </react_native_1.View>
-        </react_native_1.TouchableOpacity>)}
+        </react_native_1.TouchableOpacity>}
 
       
-      <react_native_1.ScrollView ref={scrollViewRef} horizontal showsHorizontalScrollIndicator={false} onScroll={handleScroll} scrollEventThrottle={16} style={{ flex: 1 }} contentContainerStyle={{
-            paddingLeft: canScrollLeft ? 4 : 12,
-            paddingRight: showMediaTab ? 6 : 12,
-        }}>
-        {[
-            {
-                id: 1,
-                key: 'apis',
-                label: 'APIs',
-                count: logs.length,
-                icon: 'apis',
-            },
-            {
-                id: 2,
-                key: 'logs',
-                label: 'Logs',
-                count: consoleLogs.length,
-                icon: 'logs',
-            },
-            {
-                id: 3,
-                key: 'analytics',
-                label: 'Analytics',
-                count: analyticsEvents.length,
-                icon: 'analytics',
-            },
-            {
-                id: 4,
-                key: 'redux',
-                label: 'Redux',
-                count: 0,
-                icon: 'redux',
-            },
-            {
-                id: 5,
-                key: 'storage',
-                label: 'Storage',
-                count: 0,
-                icon: 'storage',
-            },
-            {
-                id: 6,
-                key: 'device',
-                label: 'Device',
-                count: 0,
-                icon: 'device',
-            },
-            {
-                id: 7,
-                key: 'crash',
-                label: 'Crash',
-                count: crashRecords?.length || 0,
-                icon: 'crash',
-            },
-            {
-                id: 8,
-                key: 'bundle',
-                label: 'Bundle',
-                count: 0,
-                icon: 'bundle',
-            },
-            {
-                id: 9,
-                key: 'performance',
-                label: 'Performance',
-                count: 0,
-                icon: 'performance',
-            },
-            {
-                id: 10,
-                key: 'debugging',
-                label: 'Debugging',
-                count: 0,
-                icon: 'debugging',
-            },
-        ]
-            .filter(tab => {
-            if (tab.key === 'debugging') {
-                return (react_native_1.Platform.OS === 'android' &&
-                    (0, helpers_1.isLocalDebugEnvironment)() &&
-                    Boolean(tabVisibility?.debugging));
-            }
-            if (!tabVisibility?.[tab.key])
-                return false;
-            if (tab.key === 'redux' && !isReduxAvail)
-                return false;
-            if (tab.key === 'analytics' && !isAnalyticsAvail)
-                return false;
-            return true;
-        })
-            .map(tab => {
-            const isActive = activeTab === tab.key;
-            const iconColor = isActive
-                ? AppColors_1.AppColors.white
-                : tab.key === 'crash' && tab.count > 0
-                    ? AppColors_1.AppColors.errorColor
-                    : AppColors_1.AppColors.grayText;
-            const countLabel = tab.count > 9 ? '9+' : String(tab.count);
-            const hasUnreadApis = activeTab !== 'apis' && logs.length > lastReadApisCount;
-            const hasUnreadLogs = activeTab !== 'logs' && consoleLogs.length > lastReadLogsCount;
-            const hasUnreadCrashes = activeTab !== 'crash' &&
-                (crashRecords?.length || 0) > (lastReadCrashesCount || 0);
-            return (<TouchableScale_1.default key={tab.key} onPress={() => {
-                    switchActiveTab(tab.key);
-                }} style={[
-                    styles_1.default.contentTabButton,
-                    isActive && styles_1.default.contentTabButtonActive,
-                ]}>
-                <react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 6,
-                }}>
-                  {tab.icon === 'apis' && (<NetworkIcons_1.SignalIcon color={iconColor} size={14}/>)}
-                  {tab.icon === 'logs' && (<NetworkIcons_1.TerminalIcon color={iconColor} size={14}/>)}
-                  {tab.icon === 'analytics' && (<NetworkIcons_1.AnalyticsIcon color={iconColor} size={14}/>)}
-                  {tab.icon === 'redux' && (<NetworkIcons_1.ReduxIcon color={iconColor} size={14}/>)}
-                  {tab.icon === 'storage' && (<NetworkIcons_1.DatabaseIcon color={iconColor} size={14}/>)}
-                  {tab.icon === 'device' && (<NetworkIcons_1.SmartphoneIcon color={iconColor} size={14}/>)}
-                  {tab.icon === 'crash' && (<NetworkIcons_1.CrashIcon color={iconColor} size={14}/>)}
-                  {tab.icon === 'bundle' && (<NetworkIcons_1.PackageIcon color={iconColor} size={14}/>)}
-                  {tab.icon === 'performance' && (<NetworkIcons_1.PerformanceIcon color={iconColor} size={14}/>)}
-                  {tab.icon === 'debugging' && (<NetworkIcons_1.QrCodeIcon color={iconColor} size={14}/>)}
-                  <react_native_1.View style={{
-                    minWidth: 20,
-                    height: 20,
-                    paddingHorizontal: 4,
-                    borderRadius: 10,
-                    backgroundColor: isActive
-                        ? `${AppColors_1.AppColors.white}33`
-                        : `${AppColors_1.AppColors.purple}1F`,
-                    borderWidth: 1,
-                    borderColor: isActive
-                        ? `${AppColors_1.AppColors.white}66`
-                        : `${AppColors_1.AppColors.purple}40`,
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                }}>
-                    <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 9.5,
-                    lineHeight: 12,
-                    color: isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple,
-                }}>
-                      #{tab.id}
+      <react_native_1.ScrollView ref={C}horizontal showsHorizontalScrollIndicator={!1}onScroll={k}scrollEventThrottle={16}style={{flex:1}}contentContainerStyle={{paddingLeft:g?4:12,paddingRight:p?6:12}}>
+        {[{id:1,key:"apis",label:"APIs",count:r.length,icon:"apis"},{id:2,key:"logs",label:"Logs",count:i.length,icon:"logs"},{id:3,key:"analytics",label:"Analytics",count:w.length,icon:"analytics"},{id:4,key:"redux",label:"Redux",count:0,icon:"redux"},{id:5,key:"storage",label:"Storage",count:0,icon:"storage"},{id:6,key:"device",label:"Device",count:0,icon:"device"},{id:7,key:"crash",label:"Crash",count:f?.length||0,icon:"crash"},{id:8,key:"bundle",label:"Bundle",count:0,icon:"bundle"},{id:9,key:"performance",label:"Performance",count:0,icon:"performance"},{id:10,key:"debugging",label:"Debugging",count:0,icon:"debugging"}].filter(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)()&&!!n?.debugging:!(!n?.[e.key]||e.key==="redux"&&!x||e.key==="analytics"&&!I)).map(e=>{const c=t===e.key,l=c?AppColors_1.AppColors.white:e.key==="crash"&&e.count>0?AppColors_1.AppColors.errorColor:AppColors_1.AppColors.grayText,h=e.count>9?"9+":String(e.count),a=t!=="apis"&&r.length>A,u=t!=="logs"&&i.length>m,d=t!=="crash"&&(f?.length||0)>(S||0);return<TouchableScale_1.default key={e.key}onPress={()=>{o(e.key)}}style={[styles_1.default.contentTabButton,c&&styles_1.default.contentTabButtonActive]}>
+                <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                  {e.icon==="apis"&&<NetworkIcons_1.SignalIcon color={l}size={14}/>}
+                  {e.icon==="logs"&&<NetworkIcons_1.TerminalIcon color={l}size={14}/>}
+                  {e.icon==="analytics"&&<NetworkIcons_1.AnalyticsIcon color={l}size={14}/>}
+                  {e.icon==="redux"&&<NetworkIcons_1.ReduxIcon color={l}size={14}/>}
+                  {e.icon==="storage"&&<NetworkIcons_1.DatabaseIcon color={l}size={14}/>}
+                  {e.icon==="device"&&<NetworkIcons_1.SmartphoneIcon color={l}size={14}/>}
+                  {e.icon==="crash"&&<NetworkIcons_1.CrashIcon color={l}size={14}/>}
+                  {e.icon==="bundle"&&<NetworkIcons_1.PackageIcon color={l}size={14}/>}
+                  {e.icon==="performance"&&<NetworkIcons_1.PerformanceIcon color={l}size={14}/>}
+                  {e.icon==="debugging"&&<NetworkIcons_1.QrCodeIcon color={l}size={14}/>}
+                  <react_native_1.View style={{minWidth:20,height:20,paddingHorizontal:4,borderRadius:10,backgroundColor:c?`${AppColors_1.AppColors.white}33`:`${AppColors_1.AppColors.purple}1F`,borderWidth:1,borderColor:c?`${AppColors_1.AppColors.white}66`:`${AppColors_1.AppColors.purple}40`,alignItems:"center",justifyContent:"center"}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12,color:c?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
+                      #{e.id}
                     </react_native_1.Text>
                   </react_native_1.View>
-                  <react_native_1.Text numberOfLines={1} ellipsizeMode="tail" style={[
-                    styles_1.default.contentTabButtonText,
-                    isActive && styles_1.default.contentTabButtonTextActive,
-                ]}>
-                    {tab.label} {tab.count > 0 ? `(${countLabel})` : ''}
+                  <react_native_1.Text numberOfLines={1}ellipsizeMode="tail"style={[styles_1.default.contentTabButtonText,c&&styles_1.default.contentTabButtonTextActive]}>
+                    {e.label} {e.count>0?`(${h})`:""}
                   </react_native_1.Text>
-                  {((tab.key === 'apis' && hasUnreadApis) ||
-                    (tab.key === 'logs' && hasUnreadLogs) ||
-                    (tab.key === 'crash' && hasUnreadCrashes)) && (<react_native_1.View style={{
-                        width: 6,
-                        height: 6,
-                        borderRadius: 3,
-                        backgroundColor: AppColors_1.AppColors.errorColor,
-                        marginLeft: 4,
-                        alignSelf: 'center',
-                    }}/>)}
+                  {(e.key==="apis"&&a||e.key==="logs"&&u||e.key==="crash"&&d)&&<react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.errorColor,marginLeft:4,alignSelf:"center"}}/>}
                 </react_native_1.View>
-              </TouchableScale_1.default>);
-        })}
+              </TouchableScale_1.default>})}
       </react_native_1.ScrollView>
 
       
-      {canScrollRight && (<react_native_1.TouchableOpacity onPress={() => scrollTabs(160)} hitSlop={{ top: 6, bottom: 6, left: 6, right: 6 }} activeOpacity={0.7} style={{
-                paddingLeft: 2,
-                paddingRight: showMediaTab ? 4 : 8,
-                justifyContent: 'center',
-                alignItems: 'center',
-            }}>
-          <react_native_1.View style={{
-                width: 22,
-                height: 22,
-                borderRadius: 11,
-                backgroundColor: '#E5E7EB',
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-            <NetworkIcons_1.ChevronIcon direction="right" size={13} color={AppColors_1.AppColors.purple}/>
+      {_&&<react_native_1.TouchableOpacity onPress={()=>v(160)}hitSlop={{top:6,bottom:6,left:6,right:6}}activeOpacity={.7}style={{paddingLeft:2,paddingRight:p?4:8,justifyContent:"center",alignItems:"center"}}>
+          <react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
+            <NetworkIcons_1.ChevronIcon direction="right"size={13}color={AppColors_1.AppColors.purple}/>
           </react_native_1.View>
-        </react_native_1.TouchableOpacity>)}
+        </react_native_1.TouchableOpacity>}
 
       
-      {showMediaTab && (<react_native_1.View style={{
-                paddingLeft: 6,
-                paddingRight: 10,
-                borderLeftWidth: 1,
-                borderLeftColor: '#E5E7EB',
-                backgroundColor: '#ffffff',
-                justifyContent: 'center',
-                shadowColor: '#000000',
-                shadowOffset: { width: -3, height: 0 },
-                shadowOpacity: 0.12,
-                shadowRadius: 4,
-                elevation: 4,
-                zIndex: 10,
-            }}>
-          <TouchableScale_1.default key="media" onPress={() => {
-                switchActiveTab('media');
-            }} accessibilityRole="button" accessibilityLabel="Media Gallery" style={[
-                styles_1.default.contentTabButton,
-                {
-                    marginRight: 0,
-                    borderRadius: 8,
-                    backgroundColor: isMediaActive ? AppColors_1.AppColors.purple : '#eeeeee',
-                    borderColor: isMediaActive ? AppColors_1.AppColors.purple : '#E5E7EB',
-                    borderWidth: 1,
-                    paddingHorizontal: 10,
-                    paddingVertical: 7,
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                },
-                isMediaActive && styles_1.default.contentTabButtonActive,
-            ]}>
-            <react_native_1.View style={{
-                position: 'relative',
-                alignItems: 'center',
-                justifyContent: 'center',
-            }}>
-              <NetworkIcons_1.ScreencastIcon color={isMediaActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText} size={15}/>
-              {mediaCount > 0 && (<react_native_1.View style={{
-                    position: 'absolute',
-                    top: -3,
-                    right: -4,
-                    width: 7,
-                    height: 7,
-                    borderRadius: 3.5,
-                    backgroundColor: isMediaActive
-                        ? AppColors_1.AppColors.emerald400
-                        : AppColors_1.AppColors.purple,
-                    borderWidth: 1.2,
-                    borderColor: isMediaActive
-                        ? AppColors_1.AppColors.purple
-                        : AppColors_1.AppColors.white,
-                }}/>)}
+      {p&&<react_native_1.View style={{paddingLeft:6,paddingRight:10,borderLeftWidth:1,borderLeftColor:AppColors_1.AppColors.dividerColor,backgroundColor:AppColors_1.AppColors.primaryLight,justifyContent:"center",shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:-3,height:0},shadowOpacity:.12,shadowRadius:4,elevation:4,zIndex:10}}>
+          <TouchableScale_1.default key="media"onPress={()=>{o("media")}}accessibilityRole="button"accessibilityLabel="Media Gallery"style={[styles_1.default.contentTabButton,{marginRight:0,borderRadius:8,backgroundColor:s?AppColors_1.AppColors.purple:AppColors_1.AppColors.graySurface,borderColor:s?AppColors_1.AppColors.purple:AppColors_1.AppColors.dividerColor,borderWidth:1,paddingHorizontal:10,paddingVertical:7,alignItems:"center",justifyContent:"center"},s&&styles_1.default.contentTabButtonActive]}>
+            <react_native_1.View style={{position:"relative",alignItems:"center",justifyContent:"center"}}>
+              <NetworkIcons_1.ScreencastIcon color={s?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={15}/>
+              {y>0&&<react_native_1.View style={{position:"absolute",top:-3,right:-4,width:7,height:7,borderRadius:3.5,backgroundColor:s?AppColors_1.AppColors.emerald400:AppColors_1.AppColors.purple,borderWidth:1.2,borderColor:s?AppColors_1.AppColors.purple:AppColors_1.AppColors.white}}/>}
             </react_native_1.View>
           </TouchableScale_1.default>
-        </react_native_1.View>)}
-    </react_native_1.View>);
-});
-exports.default = TabBar;
+        </react_native_1.View>}
+    </react_native_1.View>});exports.default=TabBar;