Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(ui_auth): fix default SMSCodeInputScreen breakpoint #10226

Merged
merged 1 commit into from
Jan 10, 2023

Conversation

lesnitsky
Copy link
Member

Related Issues

Closes #10212

Checklist

Before you create this PR confirm that it meets all requirements listed below by checking the relevant checkboxes ([x]).
This will ensure a smooth and quick review process. Updating the pubspec.yaml and changelogs is not required.

  • I read the Contributor Guide and followed the process outlined there for submitting PRs.
  • My PR includes unit or integration tests for all changed/updated/fixed behaviors (See Contributor Guide).
  • All existing and new tests are passing.
  • I updated/added relevant documentation (doc comments with ///).
  • The analyzer (melos run analyze) does not report any problems on my PR.
  • I read and followed the Flutter Style Guide.
  • I signed the CLA.
  • I am willing to follow-up on review comments in a timely manner.

Breaking Change

Does your PR require plugin users to manually update their apps to accommodate your change?

  • Yes, this is a breaking change.
  • No, this is not a breaking change.

@lesnitsky lesnitsky requested review from Lyokone and pr-Mais January 6, 2023 12:33
@@ -110,6 +110,7 @@ class SMSCodeInputScreen extends StatelessWidget {
sideBuilder: sideBuilder,
headerBuilder: headerBuilder,
headerMaxExtent: headerMaxExtent,
contentFlex: contentFlex,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shouldn't we have something that can resize the size of the SMS input? I feel like this fix is going to cause another issue for another size

Copy link
Member Author

@lesnitsky lesnitsky Jan 6, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

there are 2 options that allow configuring the behaviour of this screen:
breakpoint – to have a side content on wide screens and header on narrow
contentFlex – allows configuring the proportion of the side content and content (SMSCodeInput)

These 2 are enough to have SMSCodeInput being displayed correctly on all screens.
The original issue could have been fixed on user's end (passing breakpoint), however the default values should also be usable on all screens – that's why I changed the default value.

In general I don't think it's possible to account for all kinds of layouts in our own screen widget, the library allows building custom screens using lower level widgets – this should be enough.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice to know, I have still a lot to learn about FlutterFire UI

@Lyokone Lyokone merged commit 443418f into master Jan 10, 2023
@Lyokone Lyokone deleted the ui/fix-sms-code-overflow branch January 10, 2023 07:54
@firebase firebase locked and limited conversation to collaborators Feb 10, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

🐛 [firebase_ui_auth] SMSCodeInputScreen code input has overflow error at certain screen widths
3 participants