74 lines
2.1 KiB
TypeScript
74 lines
2.1 KiB
TypeScript
import * as React from "react";
|
|
import { NavigationContainer } from "@react-navigation/native";
|
|
import { createNativeStackNavigator } from "@react-navigation/native-stack";
|
|
|
|
import HomeScreen from "./src/HomeScreen";
|
|
import ScanScreen from "./src/ScanScreen";
|
|
import InfoScreen from "./src/InfoScreen";
|
|
import DfuScreen from "./src/DfuScreen";
|
|
import PrivacyScreen from "./src/PrivacyScreen";
|
|
import SplashScreen from "./src/SplashScreen"; // ✅ 新增启动页
|
|
|
|
export type RootStackParamList = {
|
|
Splash: undefined;
|
|
Home: undefined;
|
|
Scan: undefined;
|
|
Info: { peripheral: any };
|
|
Dfu: { deviceId: string; name: string; firmware: string };
|
|
Privacy: undefined;
|
|
};
|
|
|
|
const Stack = createNativeStackNavigator<RootStackParamList>();
|
|
|
|
export default function App() {
|
|
return (
|
|
<NavigationContainer>
|
|
<Stack.Navigator
|
|
initialRouteName="Splash"
|
|
// ✅ 统一所有导航栏样式
|
|
screenOptions={{
|
|
headerStyle: { backgroundColor: "#E7141E" }, // 顶部背景红色
|
|
headerTintColor: "#fff", // 返回箭头和文字为白色
|
|
headerTitleStyle: { fontWeight: "bold", color: "#fff" }, // 标题白色+加粗
|
|
}}
|
|
>
|
|
{/* 启动页（无标题） */}
|
|
<Stack.Screen
|
|
name="Splash"
|
|
component={SplashScreen}
|
|
options={{ headerShown: false }}
|
|
/>
|
|
|
|
{/* 首页(标题栏无文字) */}
|
|
<Stack.Screen
|
|
name="Home"
|
|
component={HomeScreen}
|
|
options={{ title: "" }}
|
|
/>
|
|
|
|
{/* 其他页面默认显示标题栏 */}
|
|
<Stack.Screen
|
|
name="Scan"
|
|
component={ScanScreen}
|
|
options={{ title: "搜索设备" }}
|
|
/>
|
|
<Stack.Screen
|
|
name="Info"
|
|
component={InfoScreen}
|
|
options={{ title: "设备详情" }}
|
|
/>
|
|
<Stack.Screen
|
|
name="Dfu"
|
|
component={DfuScreen}
|
|
options={{ title: "固件升级" }}
|
|
/>
|
|
<Stack.Screen
|
|
name="Privacy"
|
|
component={PrivacyScreen}
|
|
options={{ title: "隐私协议" }}
|
|
/>
|
|
</Stack.Navigator>
|
|
</NavigationContainer>
|
|
);
|
|
}
|