223 lines
8.2 KiB
Dart
223 lines
8.2 KiB
Dart
import 'dart:ui';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:flutter_svg/flutter_svg.dart';
|
|
import 'package:flutter_svg/svg.dart';
|
|
import 'package:glassmorphism/glassmorphism.dart';
|
|
import 'package:regroup/Utils/Common/CustomNextButton.dart';
|
|
import 'package:regroup/Utils/Common/sized_box.dart';
|
|
import 'package:regroup/Utils/texts.dart';
|
|
|
|
class Onboarding1 extends StatefulWidget {
|
|
const Onboarding1({super.key});
|
|
|
|
@override
|
|
State<Onboarding1> createState() => _Onboarding1State();
|
|
}
|
|
|
|
class _Onboarding1State extends State<Onboarding1> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
body: Stack(
|
|
children: [
|
|
Positioned(
|
|
top: 650,
|
|
left: 100,
|
|
child: Container(
|
|
height: 400,
|
|
width: 200,
|
|
decoration:
|
|
BoxDecoration(shape: BoxShape.circle, color: Colors.red
|
|
// Color(0xFF001D54).withOpacity(0.5),
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
width: MediaQuery.of(context).size.width,
|
|
height: MediaQuery.of(context).size.height,
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.center,
|
|
end: Alignment.bottomCenter,
|
|
colors: [
|
|
Color(0xFF222935).withOpacity(0.12),
|
|
Color(0xFF222935).withOpacity(0.60),
|
|
Color(0XFF222B37),
|
|
Color(0xFF222935),
|
|
],
|
|
),
|
|
image: DecorationImage(
|
|
image: AssetImage("assets/images/png/onboarding1.png"),
|
|
fit: BoxFit.fill)),
|
|
child: Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 16.w),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
Spacer(),
|
|
SvgPicture.asset(
|
|
"assets/images/svg/onboarding2.svg",
|
|
width: 104.w,
|
|
height: 104.h,
|
|
),
|
|
const Spacer(
|
|
flex: 8,
|
|
),
|
|
SizedBox(
|
|
width: 301.w,
|
|
height: 64.h,
|
|
child: text22400white(
|
|
"Find motivation and support from like-minded people"),
|
|
),
|
|
sizedBoxHeight(10.h),
|
|
// GlassmorphicContainer(
|
|
// width: double.infinity,
|
|
// height: 130.h,
|
|
// borderRadius: 2,
|
|
// blur: 10,
|
|
// alignment: Alignment.bottomLeft,
|
|
// border: 2,
|
|
// linearGradient: LinearGradient(
|
|
// begin: Alignment.topLeft,
|
|
// end: Alignment.centerRight,
|
|
// colors: [
|
|
// // Color(0xFF222935).withOpacity(0.12),
|
|
// // Color(0xFF222935).withOpacity(0.60),
|
|
// // Color(0XFF222B37),
|
|
// // Color(0xFF222935),
|
|
|
|
// Color(0xFF009DAB40),
|
|
// Color(0xFF35798C6F),
|
|
// Color(0xFFD90B2E54),
|
|
// Color(0xFFD90B2E85),
|
|
// Color(0xFFD90B2E96),
|
|
|
|
// // Colors.green.withOpacity(0.9),
|
|
// // Colors.amber.withOpacity(0.1)
|
|
// ],
|
|
// ),
|
|
// borderGradient: LinearGradient(
|
|
// begin: Alignment.topLeft,
|
|
// end: Alignment.bottomRight,
|
|
// colors: [
|
|
// // Color(0xFFffffff).withOpacity(0.5),
|
|
// // Color((0xFFFFFFFF)).withOpacity(0.5),
|
|
|
|
// // Color(0xFF222935).withOpacity(0.12),
|
|
// // Color(0xFF222935).withOpacity(0.60),
|
|
// // Color(0XFF222B37),
|
|
// // Color(0xFF222935),
|
|
|
|
// Colors.green.withOpacity(0.1),
|
|
// Color((0xFFFFFFFF)).withOpacity(0.5),
|
|
// ],
|
|
// ),
|
|
// child: Column(
|
|
// children: [
|
|
// CustomButton(text: "Sign up", onPressed: () {}),
|
|
// sizedBoxHeight(30.h),
|
|
// CustomButton2(text: "Login", onPressed: () {}),
|
|
// ],
|
|
// )),
|
|
CustomButton(text: "Sign up", onPressed: () {}),
|
|
sizedBoxHeight(30.h),
|
|
CustomButton2(text: "Login", onPressed: () {}),
|
|
sizedBoxHeight(90.h),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
// Positioned(
|
|
// bottom: -100,
|
|
// left: 100,
|
|
// child: Container(
|
|
// height: 200,
|
|
// width: 200,
|
|
// decoration:
|
|
// BoxDecoration(shape: BoxShape.circle, color: Colors.red
|
|
// // Color(0xFF001D54).withOpacity(0.5),
|
|
// ),
|
|
// ),
|
|
// ),
|
|
],
|
|
),
|
|
);
|
|
|
|
// Scaffold(
|
|
// backgroundColor: Color(0xff222935),
|
|
// body: Container(
|
|
// width: MediaQuery.of(context).size.width,
|
|
// height: MediaQuery.of(context).size.height,
|
|
// decoration: BoxDecoration(
|
|
// gradient: LinearGradient(
|
|
// begin: Alignment.center,
|
|
// end: Alignment.bottomCenter,
|
|
// colors: [
|
|
// Color(0xFF222935).withOpacity(0.12),
|
|
// Color(0xFF222935).withOpacity(0.60),
|
|
// Color(0XFF222B37),
|
|
// Color(0xFF222935),
|
|
// ],
|
|
// ),
|
|
// image: DecorationImage(
|
|
// image: AssetImage("assets/images/png/onboarding1.png"),
|
|
// fit: BoxFit.fill)),
|
|
// child: Stack(children: [
|
|
// Positioned.fill(
|
|
// child: Container(
|
|
// color: Colors.black.withOpacity(0.2),
|
|
// ),
|
|
// ),
|
|
// Positioned(
|
|
// bottom: -100,
|
|
// left: 100,
|
|
// child: BackdropFilter(
|
|
// filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
|
|
// child: Container(
|
|
// height: 200,
|
|
// width: 200,
|
|
// decoration: BoxDecoration(
|
|
// shape: BoxShape.circle,
|
|
// color: Color(0xFF001D54).withOpacity(0.5),
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// Padding(
|
|
// padding: EdgeInsets.symmetric(horizontal: 16.w),
|
|
// child: Column(
|
|
// crossAxisAlignment: CrossAxisAlignment.center,
|
|
// mainAxisAlignment: MainAxisAlignment.start,
|
|
// children: [
|
|
// Spacer(),
|
|
// SvgPicture.asset(
|
|
// "assets/images/svg/onboarding2.svg",
|
|
// width: 104.w,
|
|
// height: 104.h,
|
|
// ),
|
|
// const Spacer(
|
|
// flex: 8,
|
|
// ),
|
|
// SizedBox(
|
|
// width: 301.w,
|
|
// height: 64.h,
|
|
// child: text22400white(
|
|
// "Find motivation and support from like-minded people"),
|
|
// ),
|
|
// sizedBoxHeight(50.h),
|
|
// CustomButton(text: "Sign up", onPressed: () {}),
|
|
// sizedBoxHeight(30.h),
|
|
// CustomButton2(text: "Login", onPressed: () {}),
|
|
// sizedBoxHeight(50.h),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// ]),
|
|
// ),
|
|
// );
|
|
}
|
|
}
|