154 lines
7.4 KiB
Dart
154 lines
7.4 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:glassmorphism/glassmorphism.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';
|
|
import 'package:regroup/resources/routes/route_name.dart';
|
|
|
|
class Communitycommitment extends StatefulWidget {
|
|
const Communitycommitment({super.key});
|
|
|
|
@override
|
|
State<Communitycommitment> createState() => _CommunitycommitmentState();
|
|
}
|
|
|
|
class _CommunitycommitmentState extends State<Communitycommitment> {
|
|
final ScrollController _scrollController = ScrollController();
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: Color.fromARGB(255, 18, 32, 47),
|
|
body: Stack(
|
|
children: [
|
|
// Positioned(top: 220, left: -30, child: CommonBlurLeftSecond()),
|
|
Positioned(top: 230, right: -30, child: CommonBlurRightSecond()),
|
|
// Positioned(top: 530, left: -30, child: CommonBlurLeftBlue()),
|
|
GlassmorphicContainer(
|
|
width: MediaQuery.of(context).size.width,
|
|
height:
|
|
// 500.h,
|
|
MediaQuery.of(context).size.height,
|
|
borderRadius: 2,
|
|
blur: 10,
|
|
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: Padding(
|
|
padding:
|
|
EdgeInsets.symmetric(horizontal: 16.w, vertical: 50.h),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// SvgPicture.asset('assets/images/svg/redregroupicon.svg'),
|
|
Image.asset('assets/images/png/redregroup.png'),
|
|
sizedBoxHeight(30.h),
|
|
Container(
|
|
width: 358.w,
|
|
height: 519.h,
|
|
decoration: ShapeDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment(0.98, -0.21),
|
|
end: Alignment(-0.98, 0.21),
|
|
colors: [
|
|
Colors.white.withOpacity(0.05999999865889549),
|
|
Colors.white.withOpacity(0.07999999821186066)
|
|
],
|
|
),
|
|
shape: RoundedRectangleBorder(
|
|
side: BorderSide(
|
|
width: 0.80, color: Color(0xFF434A53)),
|
|
borderRadius: BorderRadius.circular(5),
|
|
),
|
|
),
|
|
child: Padding(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: 16.w, vertical: 0.h),
|
|
child: Scrollbar(
|
|
thumbVisibility: true,
|
|
radius: Radius.circular(20.r),
|
|
// thickness: 6,
|
|
controller: _scrollController,
|
|
child: SingleChildScrollView(
|
|
controller: _scrollController,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
sizedBoxHeight(10.h),
|
|
text16400white('Our community commitment'),
|
|
sizedBoxHeight(10.h),
|
|
Container(
|
|
width: 222.w,
|
|
decoration: ShapeDecoration(
|
|
shape: RoundedRectangleBorder(
|
|
side: BorderSide(
|
|
width: 1,
|
|
strokeAlign:
|
|
BorderSide.strokeAlignCenter,
|
|
color: Color(0xFF858585),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
sizedBoxHeight(20.h),
|
|
text20400white(
|
|
'Regroup is a community where everyone ca belong'),
|
|
sizedBoxHeight(15.h),
|
|
text16400white(
|
|
'''Lorem ipsum dolor sit amet, consectetur adipis elit. Ut et massa mi. Aliquam in hendrerit urna.\n\nPellentesque sit amet sapien fringilla, mattis ligula consectetur, ultrices mauris. Maecenas vitae mattis tellus. Nullam quis imperdiet augue. Vestibulum auctor ornare leo, non suscipit magna interdum eu. Curabitur pellentesque nibh nibh, at maximus ante fermentum sit amet. Pellentesque commodo lacus at sodales sodales. Quisque sagittis orci ut diam condimentum, vel euismod erat placerat. In iaculis arcu eros, Quisque sagittis orci ut diam condimentum, vel euismod erat placerat. In iaculis arcu eros, Quisque sagittis orci ut diam condimentum, vel euismod erat placerat. '''),
|
|
sizedBoxHeight(10.h),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Spacer(
|
|
flex: 2,
|
|
),
|
|
CustomButton(
|
|
text: 'Agree & continue',
|
|
onPressed: () {
|
|
Get.toNamed(RouteName.signupendpage);
|
|
}),
|
|
sizedBoxHeight(20.h),
|
|
CustomButton2(
|
|
text: 'Decline',
|
|
onPressed: () {
|
|
Get.offAllNamed(RouteName.loginScreen);
|
|
})
|
|
],
|
|
),
|
|
)),
|
|
],
|
|
));
|
|
}
|
|
}
|