bilt_login 0.0.3

bilt_login: ^0.0.3 copied to clipboard

A login page using Firebase Authentication for email, google, apple and facebook signins.

Features #

Authenticate against Firebase using multiple providers.

Getting started #

1. Ensure you've setup firebase on the app and have a firebase.json file in the root.
2. Ensure you have a firebase obtions file configured in lib/firebaseOptions.dart
3. Set up the GIDClient ID for your app in ios:

<key>GIDClientID</key>
	<string>XXXXXXXXXXXXXXX.apps.googleusercontent.com</string>
	<key>CFBundleURLTypes</key>
	<array>
		<dict>
			<key>CFBundleTypeRole</key>
			<string>Editor</string>
			<key>CFBundleURLSchemes</key>
			<array>
				<string>com.googleusercontent.apps.XXXXXXXXXXXXXXX</string>
			</array>
		</dict>
	</array>

4. For android (To be confirmed)...

Usage #

BiltLoginScreen(
    auth: authService.firebaseAuth,
    providers: [
        constants.AuthProvider.Email,
        constants.AuthProvider.Google,
        constants.AuthProvider.Apple,
    ],
    onSignInComplete:
        (user, provider) =>
            handleSignIn(context, user, provider),
    logo: Image.asset(
        'assets/logo.png',
        width: 300,
        height: 300,
    ),
    backgroundImage: Image.asset(
        'assets/login_bg.jpg',
        fit: BoxFit.fill,
        width: double.infinity,
        height: double.infinity,
    ),
)

Additional information #

Check out the example/ folder for a full implementation of the package.