166 lines
6.1 KiB
Dart
166 lines
6.1 KiB
Dart
// import 'package:flutter/material.dart';
|
|
// import 'package:get/get.dart';
|
|
// import 'package:vbvs_app/common/color/appConstants.dart';
|
|
// import 'package:vbvs_app/common/util/FitTool.dart';
|
|
// import 'package:vbvs_app/common/util/MyUtils.dart';
|
|
|
|
// class CalibrationProgressWidget extends StatelessWidget {
|
|
// final ValueNotifier<double> progressNotifier;
|
|
// final ValueNotifier<bool> failureNotifier;
|
|
|
|
// const CalibrationProgressWidget({
|
|
// Key? key,
|
|
// required this.progressNotifier,
|
|
// required this.failureNotifier,
|
|
// }) : super(key: key);
|
|
|
|
// @override
|
|
// Widget build(BuildContext context) {
|
|
// return ValueListenableBuilder<double>(
|
|
// valueListenable: progressNotifier,
|
|
// builder: (context, progress, _) {
|
|
// return ValueListenableBuilder<bool>(
|
|
// valueListenable: failureNotifier,
|
|
// builder: (context, isFailure, __) {
|
|
// return Column(
|
|
// mainAxisSize: MainAxisSize.min,
|
|
// children: <Widget>[
|
|
// Text(
|
|
// isFailure ? '失败'.tr : '${progress.toStringAsFixed(0)}%',
|
|
// style: TextStyle(
|
|
// fontSize: 26.rpx,
|
|
// color: isFailure
|
|
// ? Colors.red
|
|
// : themeController.currentColor.sc3,
|
|
// ),
|
|
// ),
|
|
// SizedBox(height: 40.rpx),
|
|
// Stack(
|
|
// children: [
|
|
// Container(
|
|
// width: double.infinity,
|
|
// height: 21.rpx,
|
|
// decoration: BoxDecoration(
|
|
// color: stringToColor("#D9D9D9"),
|
|
// borderRadius: BorderRadius.circular(
|
|
// AppConstants().button_container_radius,
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// Container(
|
|
// width: progress / 100 *
|
|
// MediaQuery.of(context).size.width *
|
|
// 0.8,
|
|
// height: 21.rpx,
|
|
// decoration: BoxDecoration(
|
|
// gradient: LinearGradient(
|
|
// colors: isFailure
|
|
// ? [themeController.currentColor.sc9]
|
|
// : [
|
|
// themeController.currentColor.sc2,
|
|
// themeController.currentColor.sc2,
|
|
// ],
|
|
// begin: Alignment.centerLeft,
|
|
// end: Alignment.centerRight,
|
|
// ),
|
|
// borderRadius: BorderRadius.circular(
|
|
// AppConstants().button_container_radius,
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ],
|
|
// );
|
|
// },
|
|
// );
|
|
// },
|
|
// );
|
|
// }
|
|
// }
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:vbvs_app/common/color/appConstants.dart';
|
|
import 'package:vbvs_app/common/util/FitTool.dart';
|
|
import 'package:vbvs_app/common/util/MyUtils.dart';
|
|
|
|
class CalibrationProgressWidget extends StatelessWidget {
|
|
final ValueNotifier<double> progressNotifier;
|
|
final ValueNotifier<bool> failureNotifier;
|
|
|
|
const CalibrationProgressWidget({
|
|
Key? key,
|
|
required this.progressNotifier,
|
|
required this.failureNotifier,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return ValueListenableBuilder<double>(
|
|
valueListenable: progressNotifier,
|
|
builder: (context, progress, _) {
|
|
return ValueListenableBuilder<bool>(
|
|
valueListenable: failureNotifier,
|
|
builder: (context, isFailure, __) {
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: <Widget>[
|
|
Text(
|
|
isFailure ? '失败'.tr : '${progress.toStringAsFixed(0)}%',
|
|
style: TextStyle(
|
|
fontSize: 26.rpx,
|
|
color: isFailure
|
|
? Colors.red
|
|
: themeController.currentColor.sc3,
|
|
),
|
|
),
|
|
SizedBox(height: 40.rpx),
|
|
Stack(
|
|
children: [
|
|
// 背景进度条
|
|
Container(
|
|
width: double.infinity,
|
|
height: 21.rpx,
|
|
decoration: BoxDecoration(
|
|
color: stringToColor("#D9D9D9"),
|
|
borderRadius: BorderRadius.circular(
|
|
AppConstants().button_container_radius,
|
|
),
|
|
),
|
|
),
|
|
// 使用LayoutBuilder获取父容器宽度
|
|
LayoutBuilder(
|
|
builder: (context, constraints) {
|
|
return Container(
|
|
width: progress / 100 * constraints.maxWidth,
|
|
height: 21.rpx,
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
colors: isFailure
|
|
? [themeController.currentColor.sc9]
|
|
: [
|
|
themeController.currentColor.sc2,
|
|
themeController.currentColor.sc2,
|
|
],
|
|
begin: Alignment.centerLeft,
|
|
end: Alignment.centerRight,
|
|
),
|
|
borderRadius: BorderRadius.circular(
|
|
AppConstants().button_container_radius,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
],
|
|
);
|
|
},
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|