# dynamic_theme
**Repository Path**: xiaofan232/dynamic_theme
## Basic Information
- **Project Name**: dynamic_theme
- **Description**: 使用flutter构建的应用，跟随手机系统改变App的主题颜色，支持iOS和安卓。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-12
- **Last Updated**: 2021-08-12
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# Dynamic Theme（Flutter 2.2.x）
## 运行版本flutter2.2.x
## Android版本下载（iOS下载代码打包📦）
## 暗黑模式&亮白模式
## Flutter version
```bash
Flutter 2.2.3 • channel stable • https://github.com/flutter/flutter.git
Framework • revision f4abaa0735 (2 weeks ago) • 2021-07-01 12:46:11 -0700
Engine • revision 241c87ad80
Tools • Dart 2.13.4
```
## Flutter 集成测试
```bash
flutter drive --target=test_driver/app.dart
```
## Flutter 打包
```bash
flutter build apk --release
```
## Flutter 性能调试
```bash
flutter run --profile --trace-skia
flutter screenshot --type=skia --observatory-uri=http://127.0.0.1:49368/s4vbW7Mp_KE=/#/timeline
```
## 路由(命名路由)
### Navigator.of(context).pushNamed
> Navigator.of(context).pushNamed 直接进入新页面(每次都将新建一个新的页面)
### Navigator.of(context).pushReplacementNamed
> `Navigator.of(context).pushReplacementNamed` 把当前页面在栈中的位置替换成跳转的页面（替换导航器的当前路由，通过推送路由[routeName]），当新的页面进入后，之前的页面将执行dispose方法
### Navigator.of(context).popAndPushNamed
> `Navigator.of(context).popAndPushNamed` 将当前页面pop，然后跳转到制定页面（将当前路由弹出导航器，并将命名路由推到它的位置
### Navigator.of(context).pushNamedAndRemoveUntil
> `Navigator.of(context).pushNamedAndRemoveUntil` 将制定的页面加入到路由中，然后将其他所有的页面全部pop, (Route route) => false将确保删除推送路线之前的所有路线。 这时候将打开一个新页面
> 例如 当用户点击了退出登录时，我们需要进入某一个页面（比如点退出登录后进入了登录页），这个时候用户点击返回时不应该能进入任何一个页面，这种情况就可以使用
```dart
Navigator.of(context).pushNamedAndRemoveUntil('/', (Route route) => false);
```
### Navigator.of(context).pushNamedAndRemoveUntil
> `Navigator.of(context).pushNamedAndRemoveUntil` 将指定的页面加入到路由中，然后将之前的路径移除直到指定的页面为止（将具有给定名称的路由推到导航器上，然后删除所有路径前面的路由直到'predicate'返回true为止。）
这时候将销毁栈内除了screen4的页面，点击直接去栈内screen4，这时screen4会重新build
```dart
Navigator.of(context).pushNamedAndRemoveUntil('/screen4', ModalRoute.withName('/screen1'));
```
### Navigator.of(context).popUntil
`Navigator.of(context).popUntil`推出之前push的路由直到`/newView`路由为止
```
Navigator.of(context).popUntil(ModalRoute.withName('/newView'))
```
## 其它路由
```dart
Navigator.pushAndRemoveUntil(
context,
MaterialPageRoute(builder: (BuildContext context) => new screen4()),
ModalRoute.withName('/'),
```
```dart
Navigator.popUntil(context, ModalRoute.withName('/screen2'));
```
## 最佳实践
### 配置不同環境訪問不同的地址`UrlConfig`
```dart
UrlConfig.of().url
```
### 去掉`Android`溢出拖拽的半圆效果
```dart
class Behavior extends ScrollBehavior {
@override
Widget buildViewportChrome(
BuildContext context, Widget child, AxisDirection axisDirection) {
return child;
}
}
ScrollConfiguration(
behavior: CustomBehavior(),
child: ListView.builder(
itemCount: 60,
itemBuilder: (BuildContext context, int index) {
return Container(
height: 44.0,
width: MediaQuery.of(context).size.width,
child: Center(child: Text('Data-$index')),
);
},
),
)
```
### 是否是暗黑模式
```dart
final bool isDark = Theme.of(context).brightness == Brightness.dark;
```
### `helpers/colors.dart`自定义颜色
```dart
CustomColors.of(context).borderColor
```
### 返回上一页黑屏问题
> maybePop 会自动进行判断，如果当前页面pop后，会显示其他页面，不会出现问题，则将执行当前页面的pop操作 否则将不执行
```dart
Navigator.of(context, rootNavigator: true).maybePop();
```
### 资料
[flutter_driver 说明文档](https://developers.weixin.qq.com/community/develop/doc/000e08cc27c6405601a9f13ec5a400)