internal/flutter_registration
5
0
Fork 0
mirror of https://github.com/Iconica-Development/flutter_registration.git synced 2025-05-18 21:23:43 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat(auth-screen): add flexible spacing between fields

Browse source
This commit is contained in:
FahadFahim71 2024-02-14 09:57:29 +01:00
parent 277b38f39e
commit 855e12f6ae
1 changed files with 32 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
lib/src/auth_screen.dart
View file

@ -21,6 +21,10 @@ class AuthScreen extends StatefulWidget {
this.previousButtonBuilder,
this.titleWidget,
this.loginButton,
this.titleFlex,
this.formFlex,
this.beforeTitleFlex,
this.afterTitleFlex,
super.key,
}) : assert(steps.length > 0, 'At least one step is required');
@ -41,6 +45,10 @@ class AuthScreen extends StatefulWidget {
previousButtonBuilder;
final Widget? titleWidget;
final Widget? loginButton;
final int? titleFlex;
final int? formFlex;
final int? beforeTitleFlex;
final int? afterTitleFlex;
@override
State<AuthScreen> createState() => _AuthScreenState();
@ -140,19 +148,33 @@ class _AuthScreenState extends State<AuthScreen> {
children: <Widget>[
for (var i = 0; i < widget.steps.length; i++)
Column(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
if (widget.titleWidget != null) widget.titleWidget!,
Expanded(
child: ListView(
physics: const ClampingScrollPhysics(),
shrinkWrap: true,
padding: const EdgeInsets.symmetric(
vertical: 8.0,
horizontal: 30.0,
if (widget.titleWidget != null) ...[
Expanded(
flex: widget.titleFlex ?? 1,
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Expanded(
flex: widget.beforeTitleFlex ?? 3,
child: Container(),
),
widget.titleWidget!,
Expanded(
flex: widget.afterTitleFlex ?? 2,
child: Container(),
),
],
),
),
],
Expanded(
flex: widget.formFlex ?? 3,
child: Column(
children: [
const SizedBox(height: 40),
for (AuthField field in widget.steps[i].fields)
Align(
child: Column(
@ -166,7 +188,7 @@ class _AuthScreenState extends State<AuthScreen> {
}),
],
),
)
),
],
),
),