custom_scaffold.dart

Go to the documentation of this file.

import '/core/ui/widgets/custom_appbar.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:lottie/lottie.dart';
 
import '../../constants/assets.dart';
 
class CustomScaffold extends StatefulWidget {
  const CustomScaffold({
    super.key,
    required this.body,
    this.isLoading = false,
    this.title,
    this.actions,
    this.bottomWidget,
    this.isLeadingVisible = true,
    this.backgroundColor,
    this.onRefresh,
    this.floating,
  });
 
  final Widget body;
  final bool isLeadingVisible;
  final bool isLoading;
  final String? title;
  final PreferredSizeWidget? bottomWidget;
  final List<Widget>? actions;
  final Color? backgroundColor;
  final VoidCallback? onRefresh;
  final Widget? floating;
 
  @override
  State<CustomScaffold> createState() => _CustomScaffoldState();
}
 
class _CustomScaffoldState extends State<CustomScaffold> {
  final ScrollController _scrollController = ScrollController();
  bool _showShadow = false;
 
  @override
  void initState() {
    super.initState();
    _scrollController.addListener(_onScroll);
  }
 
  @override
  void dispose() {
    _scrollController.removeListener(_onScroll);
    _scrollController.dispose();
    super.dispose();
  }
 
  void _onScroll() {
    if (_scrollController.offset > 0 && !_showShadow) {
      setState(() => _showShadow = true);
    } else if (_scrollController.offset <= 0 && _showShadow) {
      setState(() => _showShadow = false);
    }
  }
 
  @override
  Widget build(BuildContext context) {
    return NotificationListener<ScrollNotification>(
      onNotification: (scrollNotification) {
        if (scrollNotification is ScrollUpdateNotification) {
          setState(() {
            _showShadow = scrollNotification.metrics.pixels > 0;
          });
        }
        return true;
      },
      child: Scaffold(
        floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
        floatingActionButton: widget.floating,
        backgroundColor: widget.backgroundColor,
        extendBody: true,
        appBar: widget.title == null
            ? null
            : PreferredSize(
                preferredSize: Size(
                  MediaQuery.of(context).size.width,
                  65.sp,
                ),
                child: CustomAppBar(
                  isLeadingVisible: widget.isLeadingVisible,
                  title: widget.title!,
                  actions: widget.actions,
                ),
              ),
        body: SafeArea(
          bottom: false,
          child: Stack(
            children: [
              widget.body,
              if (widget.isLoading)
                Container(
                  color: Theme.of(context)
                      .scaffoldBackgroundColor
                      .withOpacity(0.9),
                  child: Center(
                    child: Lottie.asset(
                      Assets.loadingAnimation,
                      height: 80.sp,
                    ),
                  ),
                ),
            ],
          ),
        ),
      ),
    );
  }
}