テキスト表示を特定タイミングに修正

App.js

@@ -103,7 +103,7 @@ export default function App() {
 
   return (
     <NavigationContainer name="Root" style={{ flex: 1 }}>
-      <Text onPress={() => alert(areaInfo)}>{areaInfo}</Text>
+      {areaInfo != "" && <Text onPress={() => alert(areaInfo)}>{areaInfo}</Text>}
       <Tab.Navigator detachInactiveScreens={false}>
         <Tab.Screen
           name="login"
@@ -160,6 +160,7 @@ export default function App() {
             headerTransparent: true,
             gestureEnabled: true,
             tabBarIcon: initIcon("md-train", "Ionicons"),
+            tabBarBadge: areaInfo ? "!" : undefined,
           }}
         >
           {(props) => <TNDView {...props} />}