Clean/lib/module/more/more_view.dart

import 'package:clean/base/base_view.dart';
import 'package:clean/module/more/more_controller.dart';
import 'package:clean/utils/expand.dart';
import 'package:flutter/Material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

import '../../resource/assets.gen.dart';

class MorePage extends BaseView<MoreController> {
  const MorePage({super.key});

  @override
  Widget buildBody(BuildContext context) {
    return SafeArea(
      child: Container(
        width: double.infinity,
        color: "#05050D".color,
        padding: EdgeInsets.symmetric(horizontal: 16.w),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Container(
              margin: EdgeInsets.only(left: 2.w),
              child: Text(
                "CleanPro",
                style: TextStyle(
                  color: Colors.white,
                  fontWeight: FontWeight.w900,
                  fontSize: 24.sp,
                ),
              ),
            ),
            Expanded(child:
            SingleChildScrollView(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.start,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  SizedBox(height: 21.h),
                  _buildStoreCard(),
                  SizedBox(height: 30.h),
                  Container(
                    margin: EdgeInsets.only(left: 2.w),
                    child: Text(
                      "More features",
                      style: TextStyle(
                        color: Colors.white,
                        fontWeight: FontWeight.w700,
                        fontSize: 18.sp,
                      ),
                    ),
                  ),
                  SizedBox(height: 18.h),
                  _buildCustomCard(
                    "Privacy Space",
                    Assets.images.iconMorePrivacyBg.image(),
                    Assets.images.iconMorePrivacy
                        .image(height: 72.w, width: 72.w),
                    onTap: () {

                    }
                  ),
                  SizedBox(height: 14.h),
                  _buildCustomCard(
                    "Photo Analysis",
                    Assets.images.iconMoreAnalysisBg.image(),
                    Assets.images.iconMoreAnalysis
                        .image(height: 72.w, width: 72.w),
                      onTap: () {

                      }
                  ),
                  SizedBox(height: 14.h),
                  _buildCustomCard(
                    "Wallpaper",
                    Assets.images.iconMoreWallpaperBg.image(),
                    Assets.images.iconMoreWallpaper
                        .image(height: 72.w, width: 72.w),
                      onTap: () {

                      }
                  ),
                  SizedBox(height: 14.h),
                  _buildCustomCard(
                    "Settings",
                    Assets.images.iconMoreSettingsBg.image(),
                    Assets.images.iconMoreSettings
                        .image(height: 72.w, width: 72.w),
                      onTap: () {

                      }
                  ),
                  SizedBox(height: 25.h),
                ],
              ),
            ),),
          ],
        ),
      ),
    );
  }

  Widget _buildStoreCard() {
    return Stack(
      children: [
        Assets.images.iconMoreStoreCard.image(),
        Positioned(
          left: 12.w,
          bottom: 15.h,
          child: Container(
            width: 107.w,
            height: 30.h,
            decoration: BoxDecoration(
              border: Border.all(
                color: '#FFFFFF'.color.withOpacity(0.18),
                width: 1,
              ),
              borderRadius: BorderRadius.all(
                Radius.circular(15.h),
              ),
            ),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: [
                Text(
                  "Get more",
                  style: TextStyle(
                    color: Colors.white,
                    fontWeight: FontWeight.w500,
                    fontSize: 14.sp,
                  ),
                ),
                Icon(
                  Icons.arrow_forward_ios,
                  size: 10.w,
                  color: Colors.white,
                ),
              ],
            ),
          ),
        ),
      ],
    );
  }

  Widget _buildCustomCard(String title, Image bg, Image icon, {required Function() onTap}) {
    return Stack(
      children: [
        bg,
        Positioned(
          top: 12.h,
          left: 22.w,
          child: Text(
            title,
            style: TextStyle(
              color: Colors.white,
              fontWeight: FontWeight.w500,
              fontSize: 20.sp,
            ),
          ),
        ),
        Positioned(
          bottom: 12.h,
          left: 22.w,
          child: Assets.images.iconMoreBack.image(height: 28.w, width: 28.w),
        ),
        Positioned(
          right: 23.w,
          top: 12.h,
          child: icon,
        ),
      ],
    );
  }
}