5d28bf631b
- 添加 CodeGraph、Android 和通用 gitignore 配置 - 创建项目元数据文件跟踪 Flutter 项目属性 - 添加 Codex AI 指导文档 AGENTS.md 说明项目架构 - 配置代码分析选项 analysis_options.yaml - 设置 Android 应用清单权限和 Kiosk 模式配置 - 实现中英文国际化支持 AppLocalizations - 配置 GoRouter 应用路由导航 - 创建明亮工业控制风格的主题配置 AppTheme
60 lines
1.4 KiB
Dart
60 lines
1.4 KiB
Dart
import 'package:flutter/material.dart';
|
|
import '../../core/theme/app_theme.dart';
|
|
|
|
/// 状态指示器组件 - 明亮工业风格
|
|
class StatusIndicator extends StatelessWidget {
|
|
final String text;
|
|
final DeviceStatusType status;
|
|
final double size;
|
|
|
|
const StatusIndicator({
|
|
super.key,
|
|
required this.text,
|
|
required this.status,
|
|
this.size = 10,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Container(
|
|
width: size,
|
|
height: size,
|
|
decoration: BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
color: _getStatusColor(),
|
|
),
|
|
),
|
|
const SizedBox(width: 6),
|
|
Text(
|
|
text,
|
|
style: TextStyle(
|
|
color: _getStatusColor(),
|
|
fontWeight: FontWeight.w600,
|
|
fontSize: 13,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Color _getStatusColor() {
|
|
switch (status) {
|
|
case DeviceStatusType.running:
|
|
return AppTheme.statusRunning;
|
|
case DeviceStatusType.idle:
|
|
return AppTheme.statusStopped;
|
|
case DeviceStatusType.paused:
|
|
return AppTheme.statusPaused;
|
|
case DeviceStatusType.error:
|
|
return AppTheme.statusError;
|
|
case DeviceStatusType.success:
|
|
return AppTheme.statusRunning;
|
|
}
|
|
}
|
|
}
|
|
|
|
enum DeviceStatusType { running, idle, paused, error, success }
|