You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
109 lines
4.0 KiB
109 lines
4.0 KiB
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import '../controllers/ota_upgrade_controller.dart';
|
|
|
|
class OtaUpgradeView extends GetView<OtaUpgradeController> {
|
|
const OtaUpgradeView({Key? key}) : super(key: key);
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
body: Center(
|
|
// 添加外层Center
|
|
child: SingleChildScrollView(
|
|
// 添加滚动防止小屏溢出
|
|
child: Padding(
|
|
padding: EdgeInsets.all(20),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.center, // 水平居中
|
|
mainAxisSize: MainAxisSize.min, // 紧凑布局
|
|
children: [
|
|
// 设备图标
|
|
CircleAvatar(
|
|
radius: 60,
|
|
backgroundColor: Colors.blue[100],
|
|
child: Icon(
|
|
Icons.phone_iphone,
|
|
size: 60,
|
|
color: Colors.blue,
|
|
),
|
|
),
|
|
SizedBox(height: 30),
|
|
|
|
// 版本信息
|
|
Column(
|
|
children: [
|
|
Text(
|
|
'当前版本',
|
|
style: TextStyle(
|
|
fontSize: 18,
|
|
color: Colors.grey,
|
|
),
|
|
),
|
|
SizedBox(height: 8),
|
|
Text(
|
|
'v${controller.currentVersion}',
|
|
style: TextStyle(
|
|
fontSize: 24,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.blue,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
SizedBox(height: 40),
|
|
|
|
// 更新按钮/进度条
|
|
Obx(() {
|
|
if (controller.isUpdating.value) {
|
|
return Column(
|
|
children: [
|
|
SizedBox(
|
|
width: 200, // 限制进度条宽度
|
|
child: LinearProgressIndicator(
|
|
value: controller.downloadProgress.value,
|
|
backgroundColor: Colors.grey[200],
|
|
valueColor:
|
|
AlwaysStoppedAnimation<Color>(Colors.blue),
|
|
minHeight: 12,
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
),
|
|
SizedBox(height: 20),
|
|
Text(
|
|
'${(controller.downloadProgress.value * 100).toStringAsFixed(1)}%',
|
|
style: TextStyle(color: Colors.grey),
|
|
)
|
|
],
|
|
);
|
|
} else {
|
|
return ElevatedButton(
|
|
onPressed: controller.isUpdateAvailable.value
|
|
? null
|
|
: controller.checkUpdate,
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: controller.isUpdateAvailable.value
|
|
? Colors.grey
|
|
: Colors.blue,
|
|
foregroundColor: Colors.white,
|
|
padding:
|
|
EdgeInsets.symmetric(horizontal: 40, vertical: 15),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(30),
|
|
),
|
|
),
|
|
child: Text(
|
|
controller.isUpdateAvailable.value ? '已是最新版本' : '立即更新',
|
|
style: TextStyle(fontSize: 16),
|
|
),
|
|
);
|
|
}
|
|
}),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|