import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:regroup/Utils/Common/CommonAppbar.dart';
import 'package:regroup/Utils/Common/blureffect.dart';
import 'package:regroup/Utils/Common/sized_box.dart';

class SavedPosts extends StatefulWidget {
  const SavedPosts({super.key});

  @override
  State<SavedPosts> createState() => _SavedPostsState();
}

class _SavedPostsState extends State<SavedPosts> {
  final List<String> images = [
    'assets/images/png/Rectangle 24.png',
    'assets/images/png/Rectangle 25.png',
    'assets/images/png/Rectangle 26.png',
    'assets/images/png/Rectangle 27.png',
    'assets/images/png/Rectangle 28.png',
    'assets/images/png/Rectangle 29.png',
    'assets/images/png/Rectangle 30.png',
    'assets/images/png/Rectangle 31.png',
    'assets/images/png/Rectangle 32.png',
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        // key: _scaffoldKey1,
        backgroundColor: Color(0xFF222935),
        extendBody: true,
        appBar: CommonAppbar(
          titleTxt: "Saved posts",
        ),
        resizeToAvoidBottomInset: false,
        body: Stack(children: [
          Container(
            decoration: const BoxDecoration(
                image: DecorationImage(
                    image: AssetImage("assets/images/png/Ellipse 1496.png"),
                    fit: BoxFit.fill)),
          ),
          Padding(
              padding: EdgeInsets.symmetric(horizontal: 16.w),
              child: Column(
                children: [
                  sizedBoxHeight(40.h),
                  Expanded(
                    child: GridView.builder(
                        scrollDirection: Axis.vertical,
                        gridDelegate:
                            const SliverGridDelegateWithFixedCrossAxisCount(
                          crossAxisCount: 3,
                          mainAxisSpacing: 8,
                          crossAxisSpacing: 8,
                          childAspectRatio: 1,
                        ),
                        itemCount: images.length,
                        itemBuilder: (context, index) {
                          return Container(
                              width: 115.w,
                              height: 115.h,
                              child: Image.asset(
                                images[index],
                                width: 115.w,
                                height: 115.h,
                                fit: BoxFit.cover,
                              ));
                        }),
                  )
                ],
              ))
        ]));
  }
}