smart_ecommerce_screen.dart

Go to the documentation of this file.

import '/core/ui/widgets/custom_card.dart';
import '/core/ui/widgets/custom_scaffold.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
class SmartEcommerceScreen extends StatefulWidget {
  const SmartEcommerceScreen({super.key});
 
  @override
  State<SmartEcommerceScreen> createState() => _SmartEcommerceScreenState();
}
 
class _SmartEcommerceScreenState extends State<SmartEcommerceScreen> {
  @override
  Widget build(BuildContext context) {
    return CustomScaffold(
      title: 'SMART E-COMMERCE',
      isLeadingVisible: true,
      body: SafeArea(
        child: Padding(
          padding: EdgeInsets.symmetric(
            horizontal: 15.sp,
            vertical: 10.sp,
          ),
          child: CustomCard(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisSize: MainAxisSize.min,
              children: [
                Container(
                  height: 180.sp,
                  decoration: BoxDecoration(
                    color: Theme.of(context)
                        .colorScheme
                        .onSurface
                        .withOpacity(0.11),
                    borderRadius: BorderRadius.circular(10),
                    image: const DecorationImage(
                      fit: BoxFit.cover,
                      image: AssetImage(
                        'assets/images/comming_soon.png',
                      ),
                    ),
                  ),
                ),
                SizedBox(height: 15.sp),
                Text(
                  'SMART E-COMMERCE',
                  style: Theme.of(context).textTheme.displaySmall?.copyWith(
                        fontWeight: FontWeight.bold,
                      ),
                ),
                SizedBox(height: 10.sp),
                Divider(
                  height: 0.0,
                  thickness: 0.7,
                  endIndent: 200.sp,
                ),
                SizedBox(height: 10.sp),
                Text(
                  'Exciting rewards await! Use your collected points to shop for exclusive items in our Store. Stay tuned for the launch and get ready to unlock amazing deals and products with your points. The more you shop, the more you earn!',
                  style: Theme.of(context).textTheme.bodySmall?.copyWith(
                        height: 1.5.sp,
                      ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}