update task page

This commit is contained in:
jyuesong
2022-01-12 16:35:05 +08:00
parent 05e4fd6f66
commit 94210d246c
8 changed files with 157 additions and 46 deletions

View File

@@ -40,7 +40,7 @@ class _HomePageState extends State<HomePage> {
onTap: () {
ref.read(themeProvider).changeTheme();
},
child: Center(child: Text("改变主题")),
child: const Center(child: Text("改变主题")),
);
}),
],

View File

@@ -16,7 +16,6 @@ class LoginPage extends StatefulWidget {
class _LoginPageState extends State<LoginPage> {
final TextEditingController _userNameController = TextEditingController();
final TextEditingController _passwordController = TextEditingController();
HideCallback? _hideCallback;
@override
Widget build(BuildContext context) {
@@ -24,21 +23,9 @@ class _LoginPageState extends State<LoginPage> {
body: Consumer(builder: (context, ref, child) {
var model = ref.watch<LoginViewModel>(loginProvider);
if (model.isLoading) {
WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
_hideCallback ??= loadingDialog(context, text: "登录中...");
});
} else {
if (_hideCallback != null) {
WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
_hideCallback!();
});
}
}
if (model.loginSuccess) {
WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
Navigator.of(context).pushNamed(Routes.route_HomePage);
Navigator.of(context).popAndPushNamed(Routes.route_HomePage);
});
}
return SizedBox(
@@ -130,16 +117,19 @@ class _LoginPageState extends State<LoginPage> {
SizedBox(
width: MediaQuery.of(context).size.width - 30,
child: CupertinoButton(
color: (_userNameController.text.isNotEmpty && _passwordController.text.isNotEmpty)
color: (_userNameController.text.isNotEmpty && _passwordController.text.isNotEmpty && !model.isLoading)
? Theme.of(context).primaryColor
: Theme.of(context).primaryColor.withOpacity(0.3),
child: const Text(
"登录",
style: TextStyle(
fontSize: 16,
),
),
child: model.isLoading
? const CupertinoActivityIndicator()
: const Text(
"登录",
style: TextStyle(
fontSize: 16,
),
),
onPressed: () {
if (model.isLoading) return;
Utils.hideKeyBoard(context);
model.login(_userNameController.text, _passwordController.text);
}),

View File

@@ -1,5 +1,7 @@
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:flutter_slidable/flutter_slidable.dart';
import 'package:qinglong_app/base/base_state_widget.dart';
import 'package:qinglong_app/module/task/task_viewmodel.dart';
@@ -15,13 +17,24 @@ class _TaskPageState extends State<TaskPage> {
Widget build(BuildContext context) {
return BaseStateWidget<TaskViewModel>(
builder: (context, model, child) {
return ListView.builder(
itemBuilder: (context, index) {
return ListTile(
title: Text(model.list[index]),
);
return RefreshIndicator(
onRefresh: () async {
return Future.delayed(Duration(seconds: 1), () {});
},
itemCount: model.list.length,
child: ListView.separated(
padding: EdgeInsets.symmetric(
vertical: 15,
),
itemBuilder: (context, index) {
return TaskItemCell();
},
itemCount: model.list.length,
separatorBuilder: (BuildContext context, int index) {
return SizedBox(
height: 10,
);
},
),
);
},
model: taskProvider,
@@ -31,3 +44,94 @@ class _TaskPageState extends State<TaskPage> {
);
}
}
class TaskItemCell extends StatelessWidget {
const TaskItemCell({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Slidable(
key: const ValueKey(0),
startActionPane: ActionPane(
motion: const ScrollMotion(),
extentRatio: 0.3,
dragDismissible: false,
children: [
SlidableAction(
flex: 1,
icon: CupertinoIcons.memories,
foregroundColor: Colors.white,
backgroundColor: Color(0xFF0F77FE),
onPressed: (BuildContext context) {},
),
SlidableAction(
flex: 1,
backgroundColor: Colors.green,
foregroundColor: Colors.white,
icon: CupertinoIcons.clock_fill,
onPressed: (BuildContext context) {},
),
],
),
endActionPane: ActionPane(
motion: ScrollMotion(),
extentRatio: 0.15,
children: [
SlidableAction(
backgroundColor: Colors.cyan,
flex: 1,
onPressed: (_) {},
foregroundColor: Colors.white,
icon: CupertinoIcons.ellipsis,
),
],
),
child: Container(
padding: EdgeInsets.symmetric(
horizontal: 15,
vertical: 5,
),
child: Column(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.start,
children: const [
Text(
"东东农场",
style: TextStyle(
fontWeight: FontWeight.w500,
fontSize: 18,
),
),
SizedBox(
width: 5,
),
SizedBox(
width: 15,
height: 15,
child: CircularProgressIndicator(
strokeWidth: 2,
),
),
Spacer(),
Text("2020/12/12 12:23"),
],
),
const SizedBox(
height: 5,
),
const Text(
"12/12/12",
style: TextStyle(
fontSize: 12,
),
),
],
),
),
);
}
}