zaynjarvis / flutter-sign-in-button Goto Github PK

The Buttons.Apple button has no visible splash, I assume because of it's white background and the splash is set by default to Colors.white30.

Tested on web only

Hi there, I'm trying to show ScaffoldMessenger in onPressed but not working. Is this a bug or my mistake?

SignInButton( Buttons.GoogleDark, elevation: 10, text: "Google", onPressed: () async { ScaffoldMessenger.of(ctx).showSnackBar( SnackBar( content: const Text('Message.'), ), ); }, )

Thanks. Using it already.

Microsoft sign in is also popular, add please

Any plans? :)

https://login.amazon.com/button-guide
https://developer.huawei.com/consumer/en/doc/development/HMSCore-Guides/dev-specifications-0000001050048916

Getting error with following code:

SignInButton( Buttons.Apple, onPressed: () {}, )

@ZaynJarvis
Getting error in lower screen resolutions,
the button text is overflowed.

Hello,
I tried to add the Apple button and AppleDark but unfortunately the Apple logo is not displayed.
Checking the code the icons are missing.
Is it wanted?

I try to google button and then show me error.

Hello
When i use mini: true then it generate following error
Google and FacebookNew buttons do not support mini mode
'package:flutter_signin_button/button_view.dart':
Failed assertion: line 47 pos 13: 'mini != true ||
!(button == Buttons.Google ||
button == Buttons.GoogleDark ||
button == Buttons.FacebookNew)'

Setup 5 different Sign In buttons, one of them being Google.
Specify the same padding for each Sign In Button, let's say: const EdgeInsets.symmetric(vertical: 10);

Notice how the Google button is larger than the rest. I would expect each SignInButton to be the same size.

(I'm sure it has something to do with the fact that Google is the only button using an image, not Font Awesome.)

Third party auth providers are asynchronous and I want to disable the button while work is being performed to sign in the user. Flutter disables a button when its onPressed field is null. Could we have a similar feature?

Thank you

On Android emulator i do not see mini==true is working see the screenshot attached

Hello,
Please update Microsoft Icon.
Thanks

Any example for make the height/width bigger and increase the font size ? Thanks!

If you don't maintenance close the plugin

it is better.
https://pub.dev/packages/flutter_auth_buttons

This package is really helpful but there is no twitter button ??

the facebbok icon is not showing in my button

instead the icons, it apears a box with an X

I'm referring to the ones listed in the following link:

https://developers.google.com/identity/branding-guidelines

Thanks!

Thanks for developing this amazing package!

I'll be great if the Apple button can become responsive to bright/dart theme change. According to the guide: https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple/overview/buttons/ , the button should have different styles for bright/dart mode.

For all other buttons like Buttons.Google, the onPressed method works fine. but not for Buttons.Email.

after looking at source problem is in button_view.dart file

at line 39

onPressed: () {},

onPressed is defined... it should be like the others

onPressed: onPressed,

nice resource.. Need a new icon for SMS login or OTP.

The constructor for SignInButtonBuilder never sets the widget's key, making it difficult to use these widgets in integration tests. Here is the constructor in button_builder.dart:

  SignInButtonBuilder({
    Key key,
    @required this.backgroundColor,

This key is never used. Later in the build method, the inherited widget's key is passed to the MaterialButton. Unfortunately, this key is null as it was never set in the constructor.

  Widget build(BuildContext context) {
    return MaterialButton(
      key: key,
      minWidth: mini ? width ?? 35.0 : null,

Actually, you do not want the SignInButtonBuilder widget and the MaterialButton to have the same key since these keys should be unique. It should be fine is just set this key in the MaterialButton.

Thanks for awesome package. I think it would look better if the buttons have similar size (height and width). Currently Google sign in button is very big compared to others.

This is the code. It still shows "Sign In with Email" text.
SignInButton( Buttons.Email, mini: true, onPressed: () { _handleSignIn(); }, ),

Quite simple, Cannot set the "mini" property for both Google Icons

When using a signin button with the shape set to RoundedRectangleBorder, the shape does not affect the logo of the auth provider.

SignInButton(
    theme.brightness == Brightness.light ? Buttons.Google : Buttons.GoogleDark,
    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
)

in some case title not fitted with width like that after translated the sign-in with google in some language the text was bigger than normal so there is two Solutions one make a builder Creator for button for pass widget instead string and handle this issue or make text fitted

Hi there, so I was using the button to save time and there's a requirement that the text should be in the center rather than on the side. How can we align it to the center as there is no option of aligning it to the center?

please add a widget instead of String text in the ButtonBuilder function so we can add whatever the text-style we want and whatever the color or anything we want.

Please, add https://developer.apple.com/sign-in-with-apple/get-started/

When i put facebook button mini are okay, but why not with google?? I have a error ...regards..

This is kinda big for accessibility reasons. It would be nice if the google sign in button inherited from material button so it all login buttons in a ButtonTheme

The licensing for the google button explicitly states you can scale to as large as you want, just that aspect ration must be contained.

editing: It appears to be a bug within the google button container, it doesn't resize according to any theme.

Add Font Option.
I guess it uses os font.

I'm running 1.1.0 and I get a "?" instead of the apple logo. Is there a configuration for this that's not described?

Is it possible to add a phone button ?

Implement continuous integration to perform flutter pub pub publish

I've never installed a flutter plugin from source, it would be nice if an installation tutorial was written or add it to the flutter repo

no youtube icon :D

There is no icon in the library other than Google.

Can you make it?

borderRadius

or, it is official invalid button?

This is a purely visual issue. When you have several buttons, one after another, you can see that the Google icon is shifted a few pixels to the left, comparing to other icons. Ideally, all the icons should be aligned to the center of the logo. Could you adjust the padding/margin?

you can see it clearly this screenshot:

My work around is to wrap it in media query, be nice if I didn't have to do this

MediaQuery( data: MediaQuery.of(context).copyWith(textScaleFactor: 1), child: SignInButton( Buttons.GoogleDark, onPressed: () async { _signInWithGoogle(widget.bloc!.auth); }, ), ),

Google and facebook mini icons are not available on web development.

I was about to try the plugin, i have imported to my project through the pubsec packages get, but when i try to import to the script it doesn't work, i receive the error: Target of URI doesn't exist: 'package:flutter_signin_button/flutter_signin_button.dart'. (uri_does_not_exist at [comunidade_reino] lib\screens\choose_login_screen.dart:2), i could use some help here, some one know how to fix it?

Facebook for example looks fine, when you do a long press the icon is included on its button but this effect doesn't work like that for Google. It looks like a different button inside the login button