chore: update dependencies, support initial values, and improve form messages

Author: itsarvinddev

CHANGELOG.md

@@ -1,4 +1,11 @@
+## 0.0.13
+
+- dependencies updated
+- initial values supported
+- extra dependencies removed
+
 ## 0.0.12
+
 - dependencies updated
 - If you need SMS autofill on Android, you need to add the smart_auth (or similar) package directly to your project.
 - https://github.com/Tkko/Flutter_PinPut/blob/master/MIGRATION.md

example/lib/main.dart

@@ -1,72 +1,150 @@
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_animated_login/flutter_animated_login.dart';
 
 void main() {
-  runApp(const MyApp());
+  runApp(
+    const MaterialApp(
+      title: 'Flutter Animated Login',
+      debugShowCheckedModeBanner: false,
+      home: MyApp(),
+    ),
+  );
 }
 
-ValueNotifier<bool> isDark = ValueNotifier<bool>(true);
+ValueNotifier<bool> loginTypeNotifier = ValueNotifier<bool>(true);
 
 class MyApp extends StatelessWidget {
   const MyApp({super.key});
 
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Center(
+        child: ElevatedButton(
+          onPressed: () {
+            Navigator.push(
+              context,
+              MaterialPageRoute(
+                builder: (context) => const LoginDemoApp(),
+              ),
+            );
+          },
+          child: const Text("Login"),
+        ),
+      ),
+    );
+  }
+}
+
+class LoginDemoApp extends StatefulWidget {
+  const LoginDemoApp({super.key});
+
+  @override
+  State<LoginDemoApp> createState() => _LoginDemoAppState();
+}
+
+class _LoginDemoAppState extends State<LoginDemoApp> {
+  late TextFieldController _controller;
+  late TextFieldController _otpController;
+
+  @override
+  void initState() {
+    _controller = TextFieldController();
+    _otpController = TextFieldController();
+    if (kDebugMode) {
+      _controller.text = '7012345678';
+      _otpController.text = '123452';
+    }
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    _controller.isDisposed ? null : _controller.dispose();
+    super.dispose();
+  }
+
   @override
   Widget build(BuildContext context) {
     return ValueListenableBuilder(
-      valueListenable: isDark,
-      builder: (context, value, child) => MaterialApp(
-        title: 'Flutter Animated Login',
-        themeMode: value ? ThemeMode.dark : ThemeMode.light,
-        theme: value ? ThemeData.dark() : ThemeData.dark(),
-        debugShowCheckedModeBanner: false,
-        home: Scaffold(
-          floatingActionButton: FilledButton(
-            onPressed: () => isDark.value = !isDark.value,
-            child: value
-                ? const Text("Login with OTP")
-                : const Text("Login with Password"),
-          ),
-          body: FlutterAnimatedLogin(
-            loginType: value ? LoginType.password : LoginType.otp,
-            onLogin: (loginData) async {
+      valueListenable: loginTypeNotifier,
+      builder: (context, value, child) => Scaffold(
+        floatingActionButton: FilledButton(
+          onPressed: () {
+            loginTypeNotifier.value = !loginTypeNotifier.value;
+          },
+          child: value
+              ? const Text("Login with OTP")
+              : const Text("Login with Password"),
+        ),
+        body: FlutterAnimatedLogin(
+          loginType: value ? LoginType.password : LoginType.otp,
+          onLogin: (loginData) async {
+            if (loginData.name == '+917012345678') {
+              final result = await Future.delayed(
+                const Duration(seconds: 2),
+                () => '',
+              );
+              SystemChannels.textInput.invokeMethod('TextInput.hide');
+              TextInput.finishAutofillContext();
+              return result;
+            } else {
+              return 'Invalid phone number, please try again.';
+            }
+          },
+          onVerify: (otp) async {
+            if (otp.secret == '123456') {
               final result = await Future.delayed(
                 const Duration(seconds: 2),
                 () => '',
               );
               SystemChannels.textInput.invokeMethod('TextInput.hide');
               TextInput.finishAutofillContext();
               return result;
-            },
-            loginConfig: const LoginConfig(
-              logo: FlutterLogo(size: 100),
-              title: 'Mohesu Enterprises',
-              subtitle: 'Let\'s Sign In',
+            } else {
+              return 'Invalid OTP, please try again.';
+            }
+          },
+          loginConfig: LoginConfig(
+            title: 'Mohesu Enterprises',
+            subtitle: 'Let\'s Sign In',
+            textFiledConfig: EmailPhoneTextFiledConfig(
+              controller: _controller,
             ),
-            providers: [
-              LoginProvider(
-                icon: Icons.reddit,
-                label: 'Reddit',
-                callback: () async {
-                  return "";
-                },
-              ),
-              LoginProvider(
-                icon: Icons.apple,
-                label: 'Apple',
-                callback: () async {
-                  return "";
-                },
-              ),
-              LoginProvider(
-                icon: Icons.facebook,
-                label: 'Facebook',
-                callback: () async {
-                  return "";
-                },
-              ),
-            ],
           ),
+          verifyConfig: VerifyConfig(
+            textFiledConfig: OtpTextFiledConfig(
+              controller: _otpController,
+            ),
+          ),
+          providers: [
+            LoginProvider(
+              icon: Icons.reddit,
+              label: const Text('Reddit'),
+              callback: () async {
+                await Future.delayed(const Duration(seconds: 3), () {
+                  print('Reddit login');
+                });
+                return "";
+              },
+            ),
+            LoginProvider(
+              icon: Icons.apple,
+              label: const Text('Apple'),
+              callback: () async {
+                return "";
+              },
+            ),
+            LoginProvider(
+              icon: Icons.facebook,
+              label: const Text('Facebook'),
+              callback: () async {
+                return "";
+              },
+            ),
+          ],
         ),
       ),
     );

example/test/widget_test.dart

@@ -5,15 +5,14 @@
 // gestures. You can also use WidgetTester to find child widgets in the widget
 // tree, read text, and verify that the values of widget properties are correct.
 
+import 'package:example/main.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
 
-import 'package:example/main.dart';
-
 void main() {
   testWidgets('Counter increments smoke test', (WidgetTester tester) async {
     // Build our app and trigger a frame.
-    await tester.pumpWidget(const MyApp());
+    await tester.pumpWidget(const LoginDemoApp());
 
     // Verify that our counter starts at 0.
     expect(find.text('0'), findsOneWidget);

lib/flutter_animated_login.dart

@@ -1,5 +1,7 @@
 library;
 
+import 'package:flutter/material.dart';
+
 export 'package:flutter_intl_phone_field/flutter_intl_phone_field.dart';
 export 'package:pinput/pinput.dart';
 
@@ -17,3 +19,15 @@ export 'src/utils/verify_config.dart';
 export 'src/verify.dart';
 export 'src/widget/page.dart';
 export 'src/widget/title.dart';
+
+class TextFieldController extends TextEditingController {
+  bool _isDisposed = false;
+
+  @override
+  void dispose() {
+    _isDisposed = true;
+    super.dispose();
+  }
+
+  bool get isDisposed => _isDisposed;
+}