sample-1-suggestion

readme.md

sample-1-suggestion

Created with <3 with dartpad.dev.

main.dart

import 'package:flutter/material.dart';

void main() => runApp(const MaterialApp(home: AuthScreen()));

class AuthScreen extends StatelessWidget {
  const AuthScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Sign In')),
      body: AuthView(
        onUsernameChanged: (value) => debugPrint('Username changed: $value'),
        onSignedIn: () => ScaffoldMessenger.of(context)
          ..hideCurrentSnackBar()
          ..showSnackBar(const SnackBar(content: Text('Sign in pressed'))),
      ),
    );
  }
}

class AuthView extends StatelessWidget {
  const AuthView({
    super.key,
    required this.onUsernameChanged,
    required this.onSignedIn,
  });

  final ValueChanged<String>? onUsernameChanged;
  final VoidCallback? onSignedIn;

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(16.0),
      child: CustomScrollView(
        physics: const ClampingScrollPhysics(),
        slivers: [
          SliverList.list(
            children: [
              TextField(
                autofocus: true,
                decoration: const InputDecoration(hintText: 'Your username'),
                onChanged: onUsernameChanged,
              ),
              const SizedBox(height: 16.0),
            ],
          ),
          SliverFillRemaining(
            hasScrollBody: false,
            child: Align(
              alignment: Alignment.bottomCenter,
              child: FractionallySizedBox(
                widthFactor: 1.0,
                child: ElevatedButton(
                  onPressed: onSignedIn,
                  child: const Text('Sign in'),
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}