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.
87 lines
3.0 KiB
87 lines
3.0 KiB
import 'package:flutter/material.dart';
|
|
|
|
import '../../common/colo_extension.dart';
|
|
import '../../common_widget/notification_row.dart';
|
|
|
|
class NotificationView extends StatefulWidget {
|
|
const NotificationView({super.key});
|
|
|
|
@override
|
|
State<NotificationView> createState() => _NotificationViewState();
|
|
}
|
|
|
|
class _NotificationViewState extends State<NotificationView> {
|
|
List notificationArr = [
|
|
{"image": "assets/img/workout1.svg", "title": "Hey, c'est l'heure du sport", "time": "Il y a 3 minutes"},
|
|
{"image": "assets/img/workout1.svg", "title": "Ne manque pas ton entrainement", "time": "Il y a 7 minutes"},
|
|
{"image": "assets/img/workout1.svg", "title": "Hey, c'est l'heure du sport", "time": "Il y a 5 jours"},
|
|
{"image": "assets/img/workout1.svg", "title": "Ne manque pas ton entrainement", "time": "29 Mai"},
|
|
{"image": "assets/img/workout1.svg", "title": "Hey, c'est l'heure du sport", "time": "8 Avril"},
|
|
{"image": "assets/img/workout1.svg", "title": "Ne manque pas ton entrainement", "time": "8 Avril"},
|
|
];
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
backgroundColor: TColor.white,
|
|
centerTitle: true,
|
|
elevation: 0,
|
|
leading: InkWell(
|
|
onTap: () {
|
|
Navigator.pop(context);
|
|
},
|
|
child: Container(
|
|
margin: const EdgeInsets.all(8),
|
|
height: 40,
|
|
width: 40,
|
|
alignment: Alignment.center,
|
|
decoration: BoxDecoration(
|
|
color: TColor.lightGray,
|
|
borderRadius: BorderRadius.circular(10)),
|
|
child: Image.asset(
|
|
"assets/img/black_btn.png",
|
|
width: 15,
|
|
height: 15,
|
|
fit: BoxFit.contain,
|
|
),
|
|
),
|
|
),
|
|
title: Text(
|
|
"Notification",
|
|
style: TextStyle(
|
|
color: TColor.black, fontSize: 16, fontWeight: FontWeight.w700),
|
|
),
|
|
actions: [
|
|
InkWell(
|
|
onTap: () {},
|
|
child: Container(
|
|
margin: const EdgeInsets.all(8),
|
|
height: 40,
|
|
width: 40,
|
|
alignment: Alignment.center,
|
|
decoration: BoxDecoration(
|
|
color: TColor.lightGray,
|
|
borderRadius: BorderRadius.circular(10)),
|
|
child: Image.asset(
|
|
"assets/img/more_btn.png",
|
|
width: 12,
|
|
height: 12,
|
|
fit: BoxFit.contain,
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
backgroundColor: TColor.white,
|
|
body: ListView.separated(
|
|
padding: const EdgeInsets.symmetric(vertical: 15, horizontal: 25),
|
|
itemBuilder: ((context, index) {
|
|
var nObj = notificationArr[index] as Map? ?? {};
|
|
return NotificationRow(nObj: nObj);
|
|
}), separatorBuilder: (context, index){
|
|
return Divider(color: TColor.gray.withOpacity(0.5), height: 1, );
|
|
}, itemCount: notificationArr.length),
|
|
);
|
|
}
|
|
} |