custom_scaffold.dart

Go to the documentation of this file.

import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
 
import '../theme/color_palette.dart';
import 'loading.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.isBackButtonEnabled = true,
  });
 
  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 bool isBackButtonEnabled;
 
  @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(
        backgroundColor: widget.backgroundColor,
        extendBody: true,
        appBar: widget.title == null
            ? null
            : AppBar(
                elevation: _showShadow ? 2 : 0,
                surfaceTintColor: Colors.transparent,
                shadowColor: Colors.black26,
                bottom: widget.bottomWidget,
                centerTitle: true,
                title: Text(
                  widget.title!,
                  style: Theme.of(context)
                      .textTheme
                      .displaySmall
                      ?.copyWith(fontWeight: FontWeight.w900),
                ),
                actions: widget.actions,
                automaticallyImplyLeading: false,
                leading: widget.isLeadingVisible
                    ? OutlinedButton(
                        onPressed: (widget.isBackButtonEnabled && !widget.isLoading) 
                            ? () {
                                context.pop();
                              }
                            : null,
                        child: const Icon(Icons.arrow_back),
                      )
                    : SizedBox.shrink(),
              ),
        body: widget.onRefresh != null ? RefreshIndicator(
          color: ColorPalette.tiffanyBlue,
          backgroundColor: ColorPalette.white,
          onRefresh: () async => widget.onRefresh?.call(),
          child: buildBody(),
        ) : buildBody(),
      ),
    );
  }
 
  Widget buildBody() {
    return SafeArea(
      bottom: false,
      child: Stack(
        children: [
          widget.body,
          if (widget.isLoading) 
            Positioned.fill(
              child: AbsorbPointer(
                child: Container(
                  color: Colors.black.withValues(alpha: 0.5),
                  child: const Loading(),
                ),
              ),
            ),
        ],
      ),
    );
  }
}