41 lines
1.1 KiB
Plaintext
41 lines
1.1 KiB
Plaintext
---
|
||
description: 该规则解释了 Flutter 小部件模式和跨平台移动开发的最佳实践。
|
||
globs: **/*.dart
|
||
alwaysApply: false
|
||
---
|
||
|
||
# Flutter 规则
|
||
|
||
- 对于没有内部状态的 UI 组件使用 StatelessWidget。
|
||
- 对于需要维护状态的组件使用 StatefulWidget：
|
||
|
||
```dart
|
||
class Counter extends StatefulWidget {
|
||
@override
|
||
_CounterState createState() => _CounterState();
|
||
}
|
||
|
||
class _CounterState extends State<Counter> {
|
||
int _count = 0;
|
||
|
||
void _increment() {
|
||
setState(() { _count++; });
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Column(
|
||
children: [
|
||
Text('Count: $_count'),
|
||
ElevatedButton(onPressed: _increment, child: Text('Increment')),
|
||
],
|
||
);
|
||
}
|
||
}
|
||
```
|
||
|
||
- 对于复杂应用使用状态管理解决方案（Provider、Bloc、Riverpod）。
|
||
- 使用适当的文件夹结构组织代码（models、screens、widgets、services）。
|
||
- 使用命名路由和 Navigator.pushNamed() 进行导航。
|
||
- 使用 async/await 处理异步操作，并进行适当的错误处理。
|
||
- 使用主题（themes）在整个应用中保持一致的样式。 |