login formtypes one,two completed

Author: nathansdev

assets/icons/close.svg

@@ -0,0 +1,31 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+
+class ButtonPlain extends StatelessWidget {
+  final Color color;
+  final Color borderColor;
+  final Color textColor;
+
+  const ButtonPlain({this.color, this.textColor, this.borderColor});
+
+  @override
+  Widget build(BuildContext context) {
+    return ButtonTheme(
+      minWidth: MediaQuery.of(context).size.width,
+      child: RaisedButton(
+        padding: EdgeInsets.all(16),
+        color: color,
+        onPressed: () {
+          Navigator.pushNamed(context, "/welcome_screen");
+        },
+        textColor: textColor,
+        child: Text(
+          "Get Started",
+          style: TextStyle(fontSize: 21.0, fontWeight: FontWeight.bold),
+        ),
+        shape: RoundedRectangleBorder(
+            borderRadius: new BorderRadius.circular(16.0)),
+      ),
+    );
+  }
+}

assets/icons/lock.svg

@@ -0,0 +1,51 @@
+import 'package:contraflutterkit/utils/colors.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+
+class ButtonPlainWithShadow extends StatelessWidget {
+  final Color borderColor;
+  final Color shadowColor;
+  final Color color;
+  final String text;
+  final VoidCallback callback;
+
+  const ButtonPlainWithShadow(
+      {this.borderColor,
+      this.shadowColor,
+      this.color,
+      this.text,
+      this.callback});
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: callback,
+      child: ButtonTheme(
+        child: Container(
+          width: MediaQuery.of(context).size.width,
+          child: Text(
+            text,
+            textAlign: TextAlign.center,
+            style: TextStyle(
+                color: wood_smoke, fontSize: 21, fontWeight: FontWeight.w800),
+          ),
+          padding: EdgeInsets.all(16),
+          decoration: ShapeDecoration(
+              shadows: [
+                BoxShadow(
+                  color: shadowColor,
+                  offset: Offset(
+                    0.0, // Move to right 10  horizontally
+                    4.0, // Move to bottom 5 Vertically
+                  ),
+                )
+              ],
+              color: color,
+              shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.all(Radius.circular(16)),
+                  side: BorderSide(color: borderColor, width: 2))),
+        ),
+      ),
+    );
+  }
+}

assets/icons/mail.svg

@@ -0,0 +1,41 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter_svg/svg.dart';
+
+class ButtonRoundWithShadow extends StatelessWidget {
+  final Color borderColor;
+  final Color shadowColor;
+  final Color color;
+  final String iconPath;
+  final VoidCallback callback;
+
+  const ButtonRoundWithShadow(
+      {this.borderColor,
+      this.shadowColor,
+      this.color,
+      this.iconPath,
+      this.callback});
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: callback,
+      child: Container(
+        padding: EdgeInsets.all(16),
+        decoration: ShapeDecoration(
+            shadows: [
+              BoxShadow(
+                color: shadowColor,
+                offset: Offset(
+                  0.0, // Move to right 10  horizontally
+                  4.0, // Move to bottom 5 Vertically
+                ),
+              )
+            ],
+            color: color,
+            shape:
+                CircleBorder(side: BorderSide(color: borderColor, width: 2))),
+        child: SvgPicture.asset(iconPath),
+      ),
+    );
+  }
+}

assets/icons/user.svg

@@ -0,0 +1,39 @@
+import 'package:contraflutterkit/utils/colors.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/svg.dart';
+
+class ButtonSolidWithIcon extends StatelessWidget {
+  final String text;
+  final VoidCallback callback;
+
+  const ButtonSolidWithIcon({this.text, this.callback});
+
+  @override
+  Widget build(BuildContext context) {
+    return ButtonTheme(
+      minWidth: MediaQuery.of(context).size.width,
+      child: RaisedButton(
+        padding: EdgeInsets.all(16),
+        color: wood_smoke,
+        onPressed: callback,
+        textColor: white,
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: <Widget>[
+            Text(
+              text,
+              style: TextStyle(fontSize: 21.0, fontWeight: FontWeight.bold),
+            ),
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 8.0),
+              child: SvgPicture.asset("assets/icons/arrow_next.svg"),
+            )
+          ],
+        ),
+        shape: RoundedRectangleBorder(
+            borderRadius: new BorderRadius.circular(16.0)),
+      ),
+    );
+  }
+}