149 lines
4.6 KiB
Dart
149 lines
4.6 KiB
Dart
import 'package:flutter/cupertino.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:plan/page/plan/detail/viewmodel/plan_detail_store.dart';
|
||
import 'package:plan/theme/decorations/app_shadows.dart';
|
||
import 'package:plan/widgets/ui_kit/popup/popup_action.dart';
|
||
import 'package:provider/provider.dart';
|
||
import 'package:remixicon/remixicon.dart';
|
||
|
||
import '../widgets/edit_desc_dialog.dart';
|
||
import 'widgets/avatar_card.dart';
|
||
import 'widgets/plan_item.dart';
|
||
import 'widgets/scroll_box.dart';
|
||
import 'widgets/suggested.dart';
|
||
|
||
class PlanDetailPage extends StatefulWidget {
|
||
final String? id;
|
||
final String? planName;
|
||
|
||
const PlanDetailPage({
|
||
super.key,
|
||
this.id,
|
||
this.planName,
|
||
});
|
||
|
||
@override
|
||
State<PlanDetailPage> createState() => _PlanDetailPageState();
|
||
}
|
||
|
||
class _PlanDetailPageState extends State<PlanDetailPage> {
|
||
bool _isEdit = false;
|
||
|
||
///popup菜单
|
||
void _onPopupActionSelected(String value) {
|
||
if (value == 'edit_step') {
|
||
setState(() {
|
||
_isEdit = true;
|
||
});
|
||
} else if (value == 'edit_desc') {
|
||
showEditDescDialog(
|
||
context,
|
||
value: "你好",
|
||
onConfirm: (value) {},
|
||
);
|
||
}
|
||
}
|
||
|
||
///取消编辑
|
||
void _cancelEdit() {
|
||
setState(() {
|
||
_isEdit = false;
|
||
});
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return ChangeNotifierProvider<PlanDetailStore>(
|
||
create: (_) {
|
||
return PlanDetailStore();
|
||
},
|
||
child: CupertinoPageScaffold(
|
||
backgroundColor: Colors.white,
|
||
navigationBar: CupertinoNavigationBar(
|
||
middle: Text('计划详情'),
|
||
trailing: Row(
|
||
mainAxisSize: MainAxisSize.min, // 关键：Row 只占实际内容宽度
|
||
children: [
|
||
AnimatedSwitcher(
|
||
duration: Duration(milliseconds: 300),
|
||
transitionBuilder: (child, animation) {
|
||
// 仅使用渐变动画
|
||
return FadeTransition(
|
||
opacity: animation,
|
||
child: child,
|
||
);
|
||
},
|
||
child: _isEdit
|
||
? InkWell(
|
||
onTap: _cancelEdit,
|
||
child: Icon(RemixIcons.check_fill),
|
||
)
|
||
: PopupAction(
|
||
onSelected: _onPopupActionSelected,
|
||
items: [
|
||
PopupMenuItem(
|
||
value: 'edit_step',
|
||
child: Text("编辑步骤"),
|
||
),
|
||
PopupMenuItem(
|
||
value: 'edit_desc',
|
||
child: Text("编辑摘要"),
|
||
),
|
||
],
|
||
child: Icon(RemixIcons.more_fill),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
child: SafeArea(
|
||
child: Column(
|
||
children: [
|
||
AvatarCard(),
|
||
Expanded(
|
||
child: Padding(
|
||
padding: EdgeInsets.all(15),
|
||
child: ScrollBox(
|
||
child: Container(
|
||
decoration: shadowDecoration,
|
||
child: CustomScrollView(
|
||
slivers: [
|
||
SliverToBoxAdapter(
|
||
child: SizedBox(height: 20),
|
||
),
|
||
SliverList.builder(
|
||
itemBuilder: (BuildContext context, int index) {
|
||
return PlanItem(
|
||
showEdit: _isEdit,
|
||
title: "测试 ${index + 1}",
|
||
desc: "测测 ${index + 1}",
|
||
onDelete: (id) {},
|
||
);
|
||
},
|
||
itemCount: 10,
|
||
),
|
||
SliverToBoxAdapter(
|
||
child: SuggestedTitle(),
|
||
),
|
||
SliverList.builder(
|
||
itemBuilder: (BuildContext context, int index) {
|
||
return SuggestedItem(
|
||
title: "测试",
|
||
);
|
||
},
|
||
itemCount: 5,
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|