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.
93 lines
2.8 KiB
93 lines
2.8 KiB
import 'package:flutter/material.dart';
|
|
import 'package:hadi_hoda_flutter/common_ui/resources/my_assets.dart';
|
|
import 'package:hadi_hoda_flutter/common_ui/theme/my_theme.dart';
|
|
import 'package:hadi_hoda_flutter/core/utils/check_platform.dart';
|
|
import 'package:hadi_hoda_flutter/core/utils/my_image.dart';
|
|
import 'package:hadi_hoda_flutter/core/utils/screen_size.dart';
|
|
import 'package:hadi_hoda_flutter/core/widgets/about_us_dialog/about_us_dialog.dart';
|
|
|
|
class IntroPage extends StatelessWidget {
|
|
const IntroPage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(backgroundColor: context.noColor),
|
|
extendBodyBehindAppBar: true,
|
|
body: DecoratedBox(
|
|
decoration: BoxDecoration(
|
|
image: DecorationImage(
|
|
image: AssetImage(MyAssets.backgroundIntro),
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
child: SizedBox(
|
|
width: context.widthScreen,
|
|
height: context.heightScreen,
|
|
child: Stack(
|
|
alignment: Alignment.center,
|
|
children: [
|
|
_music(context),
|
|
_name(context),
|
|
_bottomBtns(context),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Positioned _music(BuildContext context) {
|
|
return Positioned(
|
|
top: checkSize(context: context, mobile: 36, tablet: 60),
|
|
right: checkSize(context: context, mobile: 16, tablet: 30),
|
|
child: MyImage(
|
|
image: MyAssets.musicOn,
|
|
size: checkSize(context: context, tablet: 120),
|
|
),
|
|
);
|
|
}
|
|
|
|
|
|
Positioned _name(BuildContext context) {
|
|
return Positioned(
|
|
top: 146,
|
|
child: MyImage(
|
|
image: MyAssets.hadiHoda,
|
|
size: checkSize(context: context, mobile: 232, tablet: 400),
|
|
fit: BoxFit.cover,
|
|
),
|
|
);
|
|
}
|
|
|
|
Positioned _bottomBtns(BuildContext context) {
|
|
return Positioned(
|
|
bottom: checkSize(context: context, mobile: 40, tablet: 60),
|
|
left: checkSize(context: context, mobile: 16, tablet: 30),
|
|
right: checkSize(context: context, mobile: 16, tablet: 30),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
MyImage(
|
|
image: MyAssets.language,
|
|
size: checkSize(context: context, tablet: 120),
|
|
),
|
|
InkWell(
|
|
child: MyImage(
|
|
image: MyAssets.start,
|
|
size: checkSize(context: context, mobile: 90, tablet: 160),
|
|
),
|
|
onTap: () {
|
|
showAboutUsDialog(context: context);
|
|
},
|
|
),
|
|
MyImage(
|
|
image: MyAssets.theme,
|
|
size: checkSize(context: context, tablet: 120),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|