128 lines
4.5 KiB
Dart
128 lines
4.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
// 1. 必須加入這一行，否則系統不認識 launchUrl
|
|
import 'package:url_launcher/url_launcher.dart';
|
|
import './person_model.dart';
|
|
|
|
class PersonDetail extends StatelessWidget {
|
|
final Person person;
|
|
|
|
const PersonDetail({required this.person, super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: Text(person.personCName ?? '人員詳細資訊'),
|
|
),
|
|
body: SingleChildScrollView(
|
|
padding: const EdgeInsets.all(20.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: <Widget>[
|
|
CircleAvatar(
|
|
radius: 50,
|
|
// 修正 .withOpacity 警告，改用新的 .withValues
|
|
backgroundColor: person.sexColor.withValues(alpha: 0.2),
|
|
child: Icon(person.sexIcon, size: 60, color: person.sexColor),
|
|
),
|
|
const SizedBox(height: 10),
|
|
Text(
|
|
person.personCName ?? 'N/A',
|
|
style: const TextStyle(fontSize: 28.0, fontWeight: FontWeight.bold, color: Colors.black87),
|
|
),
|
|
Text(
|
|
person.jobName ?? 'N/A',
|
|
style: const TextStyle(fontSize: 18.0, color: Colors.black54),
|
|
),
|
|
const Divider(height: 30.0, thickness: 1),
|
|
|
|
_buildInfoTile(Icons.badge, '工號 / ID', person.personId),
|
|
_buildInfoTile(Icons.business, '部門代號', person.departmentId ?? 'N/A'),
|
|
_buildActionTile(context, Icons.phone, '公司電話', person.tel ?? 'N/A', person.tel, 'tel:'),
|
|
_buildActionTile(context, Icons.smartphone, '手機號碼', person.cellphone ?? 'N/A', person.cellphone, 'tel:'),
|
|
_buildActionTile(context, Icons.email, '電子郵件', person.email ?? 'N/A', person.email, 'mailto:'),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildInfoTile(IconData icon, String label, String value) {
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 8.0),
|
|
child: Row(
|
|
children: [
|
|
Icon(icon, color: Colors.grey[700], size: 24),
|
|
const SizedBox(width: 15),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(label, style: const TextStyle(fontSize: 14, color: Colors.grey)),
|
|
Text(value, style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w500)),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildActionTile(
|
|
BuildContext context, IconData icon, String label, String displayValue,
|
|
String? actionValue, String protocol) {
|
|
final canLaunch = actionValue != null && actionValue.isNotEmpty;
|
|
|
|
// 修正點：在 StatelessWidget 中我們不使用 mounted，直接處理即可
|
|
Future<void> _handleLaunch() async {
|
|
if (canLaunch) {
|
|
final Uri uri = Uri.parse('$protocol$actionValue');
|
|
try {
|
|
if (!await launchUrl(uri)) {
|
|
if (context.mounted) { // 修正點：StatelessWidget 要用 context.mounted
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(content: Text('無法打開 $displayValue')),
|
|
);
|
|
}
|
|
}
|
|
} catch (e) {
|
|
if (context.mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(content: Text('執行錯誤: $e')),
|
|
);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 8.0),
|
|
child: InkWell(
|
|
onTap: canLaunch ? _handleLaunch : null,
|
|
child: Row(
|
|
children: [
|
|
Icon(icon, color: canLaunch ? Colors.deepPurple : Colors.grey[700], size: 24),
|
|
const SizedBox(width: 15),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(label, style: const TextStyle(fontSize: 14, color: Colors.grey)),
|
|
Text(
|
|
displayValue,
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w500,
|
|
color: canLaunch ? Colors.deepPurple : Colors.black,
|
|
decoration: canLaunch ? TextDecoration.underline : TextDecoration.none,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
} |