メニュー表示機能追加

App.js

@@ -57,10 +57,10 @@ export default function App() {
   );
 }
 export function AppContainer() {
-  const { areaInfo, setAreaInfo } = useAreaInfo();
-
+  const { areaInfo } = useAreaInfo();
+  const navigationRef = React.useRef();
   return (
-    <NavigationContainer name="Root" style={{ flex: 1 }}>
+    <NavigationContainer name="Root" style={{ flex: 1 }} ref={navigationRef}>
       <Tab.Navigator
         tabBarOptions={{ keyboardHidesTabBar: Platform.OS === "android" }}
       >
@@ -73,7 +73,7 @@ export function AppContainer() {
             tabBarIcon: initIcon("barchart", "AntDesign"),
           }}
         >
-          {(props) => <Top {...props} />}
+          {(props) => <Top {...props} navigationRef={navigationRef} />}
         </Tab.Screen>
         <Tab.Screen
           name="menuPage"