yubioath-flutter/lib/app/views/app_page.dart

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

import 'device_button.dart';
import 'keys.dart';
import 'main_drawer.dart';

class AppPage extends ConsumerWidget {
  final Widget? title;
  final Widget child;
  final List<Widget> actions;
  final List<PopupMenuEntry> keyActions;
  final bool centered;
  final Widget Function(List<PopupMenuEntry>)? actionButtonBuilder;
  const AppPage({
    super.key,
    this.title,
    required this.child,
    this.actions = const [],
    this.keyActions = const [],
    this.centered = false,
    this.actionButtonBuilder,
  });

  @override
  Widget build(BuildContext context, WidgetRef ref) => LayoutBuilder(
        builder: (context, constraints) {
          if (constraints.maxWidth < 540) {
            // Single column layout
            return _buildScaffold(context, ref, true);
          } else {
            // Two-column layout
            return Scaffold(
              body: Row(
                children: [
                  const SizedBox(
                    width: 280,
                    child: ListTileTheme(
                        style: ListTileStyle.drawer,
                        child: MainPageDrawer(shouldPop: false)),
                  ),
                  Expanded(
                    child: _buildScaffold(context, ref, false),
                  ),
                ],
              ),
            );
          }
        },
      );

  Widget _buildScrollView() {
    return SingleChildScrollView(
      child: SafeArea(
        child: Center(
          child: SizedBox(
            width: 700,
            child: Column(
              children: [
                child,
                if (actions.isNotEmpty)
                  Align(
                    alignment:
                        centered ? Alignment.center : Alignment.centerLeft,
                    child: Padding(
                      padding: const EdgeInsets.symmetric(
                          vertical: 16.0, horizontal: 18.0),
                      child: Wrap(
                        spacing: 4,
                        runSpacing: 4,
                        children: actions,
                      ),
                    ),
                  ),
              ],
            ),
          ),
        ),
      ),
    );
  }

  Scaffold _buildScaffold(BuildContext context, WidgetRef ref, bool hasDrawer) {
    return Scaffold(
      key: scaffoldGlobalKey,
      appBar: AppBar(
        titleSpacing: 8,
        title: title,
        centerTitle: true,
        titleTextStyle: Theme.of(context).textTheme.titleLarge,
        actions: [
          Padding(
            padding: const EdgeInsets.only(right: 12),
            child: actionButtonBuilder?.call(keyActions) ??
                DeviceButton(actions: keyActions),
          ),
        ],
      ),
      drawer: hasDrawer ? const MainPageDrawer() : null,
      body: centered ? Center(child: _buildScrollView()) : _buildScrollView(),
    );
  }
}