61 lines
1.9 KiB
JavaScript
61 lines
1.9 KiB
JavaScript
import React from "react";
|
|
import { NavigationContainer } from "@react-navigation/native";
|
|
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
|
|
import { Platform } from "react-native";
|
|
import TNDView from "./ndView";
|
|
import { initIcon } from "./lib/initIcon";
|
|
import { Top } from "./Top";
|
|
import { MenuPage } from "./MenuPage";
|
|
import { useAreaInfo } from "./stateBox/useAreaInfo";
|
|
import "./components/ActionSheetComponents/sheets";
|
|
|
|
export function AppContainer() {
|
|
const Tab = createBottomTabNavigator();
|
|
const { areaInfo, areaIconBadgeText, isInfo } = useAreaInfo();
|
|
const navigationRef = React.useRef();
|
|
const getTabProps = (name, label, icon, iconFamily, tabBarBadge, style) => ({
|
|
name,
|
|
options: {
|
|
tabBarLabel: label,
|
|
headerTransparent: true,
|
|
gestureEnabled: true,
|
|
tabBarIcon: initIcon(icon, iconFamily),
|
|
tabBarBadge,
|
|
tabBarBadgeStyle: style,
|
|
},
|
|
});
|
|
return (
|
|
<NavigationContainer name="Root" style={{ flex: 1 }} ref={navigationRef}>
|
|
<Tab.Navigator
|
|
tabBarOptions={{ keyboardHidesTabBar: Platform.OS === "android" }}
|
|
initialRouteName="menuPage"
|
|
lazy={false}
|
|
>
|
|
<Tab.Screen
|
|
{...getTabProps("login", "位置情報", "barchart", "AntDesign")}
|
|
children={(props) => <Top {...props} navigationRef={navigationRef} />}
|
|
/>
|
|
<Tab.Screen
|
|
{...getTabProps("menuPage", "リンク", "radio", "Ionicons")}
|
|
component={MenuPage}
|
|
/>
|
|
|
|
<Tab.Screen
|
|
{...getTabProps(
|
|
"home",
|
|
"運行情報",
|
|
"train",
|
|
"Ionicons",
|
|
areaInfo ? areaIconBadgeText : undefined,
|
|
isInfo && {
|
|
backgroundColor: "#00b8ff",
|
|
color: "white",
|
|
}
|
|
)}
|
|
children={(props) => <TNDView {...props} />}
|
|
/>
|
|
</Tab.Navigator>
|
|
</NavigationContainer>
|
|
);
|
|
}
|