259 lines
9.3 KiB
Dart
259 lines
9.3 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||
import 'package:glassmorphism/glassmorphism.dart';
|
||
import 'package:regroup/Utils/Common/CommonAppbar.dart';
|
||
import 'package:regroup/Utils/Common/CustomNextButton.dart';
|
||
import 'package:regroup/Utils/Common/blureffect.dart';
|
||
import 'package:regroup/Utils/Common/sized_box.dart';
|
||
import 'package:regroup/Utils/texts.dart';
|
||
|
||
class NotificationPage extends StatefulWidget {
|
||
const NotificationPage({super.key});
|
||
|
||
@override
|
||
State<NotificationPage> createState() => _NotificationPageState();
|
||
}
|
||
|
||
class _NotificationPageState extends State<NotificationPage> {
|
||
List notificationcontents = [
|
||
{
|
||
'image': "assets/images/png/notification1.png",
|
||
'follow': false,
|
||
'name': 'Lorem Ipsum is simply dummy text of \nthe printing and . . . ',
|
||
'messagereq': true,
|
||
},
|
||
{
|
||
'image': "assets/images/png/notification2.png",
|
||
'follow': true,
|
||
'name': 'Davis Bothman',
|
||
'messagereq': false,
|
||
},
|
||
{
|
||
'image': "assets/images/png/notification3.png",
|
||
'follow': false,
|
||
'name': 'Lorem Ipsum is simply dummy \ntext of the printing and . . . ',
|
||
'messagereq': false,
|
||
},
|
||
{
|
||
'image': "assets/images/png/notification2.png",
|
||
'follow': true,
|
||
'name': 'Davis Bothman',
|
||
'messagereq': false,
|
||
},
|
||
{
|
||
'image': "assets/images/png/notification3.png",
|
||
'follow': false,
|
||
'name': 'Lorem Ipsum is simply dummy \ntext of the printing and . . . ',
|
||
'messagereq': false,
|
||
},
|
||
];
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Scaffold(
|
||
backgroundColor: Color.fromARGB(255, 18, 32, 47),
|
||
appBar: CommonAppbar(
|
||
titleTxt: 'Notifications',
|
||
),
|
||
body: Stack(
|
||
children: [
|
||
// const CommonBlurLeftRed(),
|
||
Positioned(top: 10, left: -30, child: CommonBlurLeftSecond()),
|
||
// const CommonBlurRightRed(),
|
||
// const CommonBlurLeft(),
|
||
Positioned(top: 150, right: -30, child: CommonBlurRightSecond()),
|
||
Positioned(top: 350, left: -30, child: CommonBlurLeftBlue()),
|
||
GlassmorphicContainer(
|
||
width: MediaQuery.of(context).size.width,
|
||
height:
|
||
// 500.h,
|
||
MediaQuery.of(context).size.height,
|
||
borderRadius: 2,
|
||
blur: 6,
|
||
alignment: Alignment.bottomLeft,
|
||
border: 2,
|
||
linearGradient: LinearGradient(
|
||
begin: Alignment.topCenter,
|
||
end: Alignment.bottomCenter,
|
||
colors: [
|
||
Color(0XFF222935).withOpacity(0.60),
|
||
Color(0XFF222935).withOpacity(0.60),
|
||
Color(0XFF222935).withOpacity(0.60),
|
||
Color(0XFF222935).withOpacity(0.60),
|
||
|
||
// Color.fromARGB(255, 18, 32, 47).withOpacity(0.50),
|
||
// Color.fromARGB(255, 18, 32, 47).withOpacity(0.50),
|
||
// Color.fromARGB(255, 18, 32, 47).withOpacity(0.50),
|
||
// Color.fromARGB(255, 18, 32, 47).withOpacity(0.50),
|
||
],
|
||
),
|
||
borderGradient: LinearGradient(
|
||
begin: Alignment.topCenter,
|
||
end: Alignment.bottomCenter,
|
||
colors: [
|
||
// Color.fromARGB(255, 18, 32, 47).withOpacity(0.50),
|
||
// Color.fromARGB(255, 18, 32, 47).withOpacity(0.50),
|
||
Color(0XFF222935).withOpacity(0.60),
|
||
|
||
Color(0XFF222935).withOpacity(0.60),
|
||
],
|
||
),
|
||
child: Column(
|
||
children: [
|
||
ListView.separated(
|
||
separatorBuilder: (context, index) {
|
||
return Divider(
|
||
thickness: 0.6.h,
|
||
color: Color(0xffFFFFFF).withOpacity(0.72),
|
||
);
|
||
},
|
||
itemCount: notificationcontents.length,
|
||
shrinkWrap: true,
|
||
padding: const EdgeInsets.only(top: 10.0),
|
||
physics: const NeverScrollableScrollPhysics(),
|
||
itemBuilder: (context, index) {
|
||
return Notificationlist(
|
||
name: notificationcontents[index]['name'],
|
||
followrequest: notificationcontents[index]['follow'],
|
||
imageurl: notificationcontents[index]['image'],
|
||
msgrequest: notificationcontents[index]['messagereq'],
|
||
);
|
||
},
|
||
),
|
||
],
|
||
)),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class Notificationlist extends StatefulWidget {
|
||
final String imageurl;
|
||
final bool msgrequest;
|
||
final String name;
|
||
final bool followrequest;
|
||
|
||
// const Notificationlist({super.key});
|
||
Notificationlist({
|
||
Key? key,
|
||
required this.imageurl,
|
||
required this.msgrequest,
|
||
required this.name,
|
||
required this.followrequest,
|
||
}) : super(key: key);
|
||
|
||
@override
|
||
State<Notificationlist> createState() => _NotificationlistState();
|
||
}
|
||
|
||
class _NotificationlistState extends State<Notificationlist> {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Padding(
|
||
padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 10.h),
|
||
child: Row(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Container(
|
||
width: 60,
|
||
height: 60,
|
||
decoration: BoxDecoration(
|
||
image: DecorationImage(
|
||
image: AssetImage(widget.imageurl),
|
||
fit: BoxFit.fill,
|
||
),
|
||
),
|
||
),
|
||
sizedBoxWidth(10.w),
|
||
widget.msgrequest == true
|
||
? Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
text14400white(widget.name),
|
||
sizedBoxHeight(6.h),
|
||
text12400white('3 mins ago'),
|
||
sizedBoxHeight(10.h),
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
SizedBox(
|
||
width: 135.w,
|
||
height: 30.h,
|
||
child:
|
||
CustomButton(text: 'Accept', onPressed: () {})),
|
||
sizedBoxWidth(10.w),
|
||
SizedBox(
|
||
width: 135.w,
|
||
height: 30.h,
|
||
child: CustomButton2(
|
||
text: 'Message', onPressed: () {}))
|
||
],
|
||
)
|
||
],
|
||
)
|
||
: widget.followrequest == true
|
||
? Expanded(
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
text14700white(widget.name),
|
||
sizedBoxHeight(3.h),
|
||
text12400white('wants to follow you'),
|
||
sizedBoxHeight(6.h),
|
||
text12400white('3 mins ago'),
|
||
],
|
||
),
|
||
Spacer(),
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
SizedBox(
|
||
width: 80.w,
|
||
height: 30.h,
|
||
child: CustomButton(
|
||
text: 'Confirm', onPressed: () {})),
|
||
sizedBoxWidth(10.w),
|
||
SizedBox(
|
||
width: 80.w,
|
||
height: 30.h,
|
||
child: CustomButton2(
|
||
text: 'Delete', onPressed: () {}))
|
||
],
|
||
)
|
||
],
|
||
),
|
||
)
|
||
: Expanded(
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
text14400white(widget.name),
|
||
sizedBoxHeight(6.h),
|
||
text12400white('3 mins ago'),
|
||
],
|
||
),
|
||
// sizedBoxWidth(25.w),
|
||
Spacer(),
|
||
Expanded(
|
||
child: Image.asset(
|
||
'assets/images/png/notifcation.png',
|
||
width: 90.w,
|
||
height: 90.h,
|
||
),
|
||
)
|
||
],
|
||
),
|
||
)
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|