news 2026/7/14 14:19:30

新手学习笔记DAY11:学习将“GitCode 口袋工具”启用深色模式

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
新手学习笔记DAY11:学习将“GitCode 口袋工具”启用深色模式

本人的学习灵感源自 CSDN 博主 A 懿轩 A(博客链接:https://blog.csdn.net/2301_80035882?type=blog)。博主围绕【2025 版 OpenHarmony】GitCode 口袋工具系列开发内容,兼具实用性与指导性,极具参考和学习意义。在此基础上所有内容均为个人实操总结,尊重原作者知识产权,特此标注。

1、首先我们将华为模拟器调为深色模式

2、然后新增一个app_theme.dart文件,具体路径是lib/core/app_theme.dart,文件创建完毕后将下列代码添加到该文件中。

import 'package:flutter/material.dart'; /// 统一管理浅色/深色主题,方便在 HarmonyOS 上适配系统夜间模式。 class AppTheme { AppTheme._(); static const Color _seedColor = Colors.indigo; static ThemeData light() => _theme(Brightness.light); static ThemeData dark() => _theme(Brightness.dark); static ThemeData _theme(Brightness brightness) { final colorScheme = ColorScheme.fromSeed( seedColor: _seedColor, brightness: brightness, ); final isDark = brightness == Brightness.dark; return ThemeData( colorScheme: colorScheme, useMaterial3: true, visualDensity: VisualDensity.standard, brightness: brightness, scaffoldBackgroundColor: colorScheme.surface, appBarTheme: AppBarTheme( backgroundColor: colorScheme.surface, foregroundColor: colorScheme.onSurface, centerTitle: true, elevation: 0, ), navigationBarTheme: NavigationBarThemeData( backgroundColor: colorScheme.surfaceContainerHigh, indicatorColor: colorScheme.primary.withValues(alpha: isDark ? 0.35 : 0.2), labelBehavior: NavigationDestinationLabelBehavior.alwaysShow, ), cardTheme: CardTheme( color: colorScheme.surfaceContainerLowest, elevation: 0, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(20), ), ), inputDecorationTheme: InputDecorationTheme( border: OutlineInputBorder( borderRadius: BorderRadius.circular(16), borderSide: BorderSide(color: colorScheme.outlineVariant), ), enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(16), borderSide: BorderSide(color: colorScheme.outlineVariant), ), focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(16), borderSide: BorderSide(color: colorScheme.primary, width: 1.4), ), filled: true, fillColor: colorScheme.surfaceContainerLowest, labelStyle: TextStyle(color: colorScheme.onSurfaceVariant), hintStyle: TextStyle( color: colorScheme.onSurfaceVariant.withValues(alpha: 0.7), ), prefixIconColor: colorScheme.onSurfaceVariant, ), chipTheme: ChipThemeData( backgroundColor: colorScheme.surfaceContainerHigh, selectedColor: colorScheme.primary.withValues(alpha: 0.2), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(24), ), labelStyle: TextStyle(color: colorScheme.onSurface), ), dividerTheme: DividerThemeData( color: colorScheme.outlineVariant.withValues(alpha: 0.7), thickness: 1, ), ); } }

3、然后修改main.dart文件,MaterialApp跟随系统模式,可同时拥有亮/暗主题,并通过ThemeMode.system跟随HarmonyOS/Windows 的系统设置,修改代码:

return MaterialApp( title: 'GitCode 口袋工具', theme: AppTheme.light(), darkTheme: AppTheme.dark(), themeMode: ThemeMode.system, home: const MainNavigationPage(), );

记得添加导入文件,否则会报错!

import 'package:gitcode_pocket_tool/core/app_theme.dart';

4、最后修改search_page.dart文件,修改代码:

return _InfoBanner( icon: Icons.error_outline, background: scheme.errorContainer, textColor: scheme.onErrorContainer, message: _errorMessage!, );

5、运行实例:

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/14 4:30:40

60、Unix文件系统(UFS)全解析

Unix文件系统(UFS)全解析 1. UFS概述 Unix文件系统(UFS)是随Solaris系统一起发布的通用磁盘文件系统。自SunOS 4.x早期版本以来,它一直是标准的基于磁盘的文件系统。在Solaris的发展历程中,UFS经历了大量的变革,以满足应用程序对性能、安全性和可靠性的要求。 2. UFS…

作者头像 李华
网站建设 2026/7/14 9:26:49

63、深入解析影响文件系统性能的分页参数及相关缓存机制

深入解析影响文件系统性能的分页参数及相关缓存机制 1. 启用优先级分页时虚拟内存系统的表现 当启用优先级分页时,虚拟内存系统会呈现出不同的行为。使用相同的测试程序对文件系统进行随机读取,会引发系统分页,页面扫描器会积极参与页面管理,且此时扫描器仅释放文件页面。…

作者头像 李华
网站建设 2026/7/14 3:58:47

12、Linux系统下Snort的配置与使用指南

Linux系统下Snort的配置与使用指南 1. 安装Snort 在Linux系统上安装Snort的过程与Windows系统非常相似。主要区别在于, snort.conf 文件中的默认(相对)路径在Linux系统上更有可能无需修改即可使用。你需要下载适合你系统的最新版本的Snort。如果你使用的是Fedora Core 5…

作者头像 李华
网站建设 2026/7/13 11:58:55

豆包手机背后的技术革命:UI-TARS模型如何重新定义智能终端交互

近期科技圈最引人瞩目的现象级产品非"豆包手机"莫属。这款搭载了全新AI助手的智能终端不仅创下3万台备货瞬间售罄的纪录,更在二手市场引发价格翻倍的热潮。然而,这款被称作"全球首款真正AI手机"的产品背后,是字节跳动在系…

作者头像 李华
网站建设 2026/7/13 6:44:25

8、搭建文件服务器:NFS与Samba的使用指南

搭建文件服务器:NFS与Samba的使用指南 1. NFS新导出激活 在NFS中有一点值得一提,NFS守护进程启动时会读取 /etc/exports 文件。这意味着添加新的导出后,可通过重启服务器或NFS守护进程来激活它们。但在生产环境中,重启NFS或服务器并不实际,这会中断当前使用的用户,还…

作者头像 李华