Skip to content

Commit e1ab4a2

Browse files
committed
docs(dark-mode): 更新深色模式文档内容
- 修改了 MaterialApp 中 theme、darkTheme、themeMode 属性的注释说明 - 补充了主题切换需业务方自行实现的说明 - 提供了具体的代码示例文件路径引用 - 添加了关于 SharedPreferences 使用方式的注意事项 - 优化了文档中的代码块排版和注释格式
1 parent f975b79 commit e1ab4a2

1 file changed

Lines changed: 6 additions & 3 deletions

File tree

tdesign-site/site/docs/dark-mode.md

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -119,8 +119,10 @@ class App extends StatelessWidget {
119119
120120
@override
121121
Widget build(BuildContext context) {
122-
// MaterialApp中设置theme,darkTheme,themeMode三个属性如下,如果有自定义主题属性,可以通过copyWith()方法修改。
123-
// 注:主题切换需要业务自己实现,比如使用Provider,具体可参考tdesign-flutter/tdesign-component/example/lib/component_test/dark_test.dart
122+
/// MaterialApp 中设置 theme、darkTheme、themeMode 三个属性
123+
/// 如下所示,如果有自定义主题属性,可以通过 copyWith() 方法修改。
124+
/// 注:主题切换需要业务自己实现,比如使用 Provider
125+
/// 具体可参考 tdesign-flutter/tdesign-component/example/lib/component_test/dark_test.dart
124126
return MaterialApp(
125127
title: '深色模式切换测试',
126128
@@ -138,7 +140,6 @@ class App extends StatelessWidget {
138140
cupertinoOverrideTheme: const CupertinoThemeData().copyWith(
139141
barBackgroundColor: themeData.dark?.grayColor13.withOpacity(0.5),
140142
),
141-
142143
/// ... 更多重载主题
143144
),
144145
themeMode: themeModeProvider.themeMode,
@@ -180,6 +181,8 @@ return MaterialApp(
180181
181182
1. 新建 `ThemeModeProvider` 类,并继承 `ChangeNotifier`,添加主题模式属性和切换主题模式的方法。并使用 `SharedPreferencesAsync` 持久化主题模式。
182183

184+
注:旧版本的 `shared_preferences` 包请使用 `SharedPreferences.getInstance();`,具体请参考 [shared_preferences](https://pub.dev/packages/shared_preferences) 文档。
185+
183186
```dart
184187
import 'package:flutter/material.dart';
185188
import 'package:shared_preferences/shared_preferences.dart';

0 commit comments

Comments
 (0)