flutter_common_ui 0.0.3 copy "flutter_common_ui: ^0.0.3" to clipboard
flutter_common_ui: ^0.0.3 copied to clipboard

A new Flutter package project.

flutter_common_ui #

Packagist Flutter

A boiler plate of flutter dart common custom made UI such as onboarding screen, registration form, login screen and etc.

Usage #

To use this package : add the dependency to your pubspec.yaml file.

dependencies: flutter: sdk: flutter intro_screen_onboarding: ^0.0.1

How to use #

onboarding screen #


 final List<Introduction> list = [
   Introduction(
     title: 'eCommerce',
     subTitle: 'Subtitle',
     imageUrl: 'your/image/directory/',

   ),
   Introduction(
     title: 'Delivery',
     subTitle: 'Your order will be immediately collected and',
     imageUrl: 'your/image/directory/',
   )
 ];

 @override
 Widget build(BuildContext context) {
   return IntroScreenOnboarding(introductionList: list, onTapSkipButton: () {
     Navigator.push(
       context,
       MaterialPageRoute(
         builder: (context) => HomePage(),
       ), //MaterialPageRoute
     );
   },);
 }
}```

## login screen
```dart
import 'package:flutter/material.dart';  
import 'package:login_/login_.dart';  
 
void main() {  
 runApp(MyApp());  
}  
 
class MyApp extends StatefulWidget {  
 //You have to create a list with the type of login's that you are going to import into your application  
 
 @override  
 _MyAppState createState() => _MyAppState();  
}  
 
class _MyAppState extends State<MyApp> {  
 @override  
 Widget build(BuildContext context) {  
 
 
   return MaterialApp(  
       title: 'Flutter Demo',  
       theme: ThemeData(  
         primarySwatch: Colors.blue,  
         visualDensity: VisualDensity.adaptivePlatformDensity,  
       ),  
       home: Scaffold(  
           body: buildLogin()));  
 }  
 
 Login buildLogin() {  
 
   List<LoginTypeLoginModel> listLogin = [  
     LoginTypeLoginModel(  
         callFunction: (BuildContext _buildContext) {  
           // develop what they want the facebook to do when the user clicks  
 },  
         logo: TypeLogo.facebook),  
     LoginTypeLoginModel(  
         callFunction: (BuildContext _buildContext) {  
           // develop what they want the Google to do when the user clicks  
 },  
         logo: TypeLogo.google),  
     LoginTypeLoginModel(  
         callFunction: (BuildContext _buildContext) {  
           print("APPLE");  
           // develop what they want the Apple to do when the user clicks  
 },  
         logo: TypeLogo.apple),  
     LoginTypeLoginModel(  
         callFunction: (BuildContext _buildContext) {  
           Navigator.of(_buildContext).push(MaterialPageRoute(  
             builder: (_buildContext) => widgetLoginUserAndPassword(),  
           ));  
         },  
         logo: TypeLogo.userPassword),  
   ];  
 
   return Login(  
           pathLogo: 'assets/logo.png',  
           isExploreApp: true,  
           functionExploreApp: () {  
             // develop what they want the ExploreApp to do when the user clicks  
 },  
           isFooter: true,  
           widgetFooter: this.widgetFooter(),  
           typeLoginModel: listLogin,  
           isSignUp: true,  
           widgetSignUp: this.widgetLoginSignUp(),  
     );  
 }  
 
 Widget widgetLoginUserAndPassword() {  
   return LoginUserAndPassword(  
             callLogin: (BuildContext _context, Function isRequest,  
                 String user, String password) {  
               isRequest(true);  
 
               Future.delayed(Duration(seconds: 2), () {  
                 print('-------------- function call----------------');  
                 print(user);  
                 print(password);  
                 print('-------------- end call----------------');  
 
                 isRequest(false);  
               });  
             },  
             logo: './assets/logo_head.png',  
             isFooter: true,  
             widgetFooter: this.widgetFooter(),  
             isResetPassword: true,  
             widgetResetPassword: this.widgetResetPassword(),  
             isSignUp: true,  
             signUp: this.widgetLoginSignUp(),  
           );  
 }  
 
 Widget widgetResetPassword() {  
   return LoginResetPassword(  
     logo: 'assets/logo_head.png',  
     funResetPassword: (BuildContext _context, Function isRequest, String email) {  
       isRequest(true);  
 
       Future.delayed(Duration(seconds: 2), () {  
         isRequest(false);  
 
       });  
     },  
 
     isFooter: true,  
     widgetFooter: this.widgetFooter(),  
   );  
 }  
 
 Widget widgetFooter() {  
   return LoginFooter(  
     logo: 'assets/logo_footer.png',  
     text: 'Power by',  
     funFooterLogin: () {  
       // develop what they want the footer to do when the user clicks  
 },  
   );  
 }  
 
 Widget widgetLoginSignUp() {  
   return LoginSignUp(  
     isFooter: true,  
       widgetFooter: this.widgetFooter(),  
       logo: 'assets/logo_head.png',  
       funSignUp: (BuildContext _context, Function isRequest,  
           SignUpModel signUpModel) {  
         isRequest(true);  
    
       });  
 }  
}

Created & Maintained By #

Keith Randell Gapusan krsgapusan@gmail.com

License #

flutter_common_ui is licensed under MIT license.

0
likes
20
pub points
0%
popularity

Publisher

unverified uploader

A new Flutter package project.

Repository (GitHub)
View/report issues

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on flutter_common_ui