SmartKitPro wrteam.in

WRTeam is a company built with the ideology of customers first. We are a team of enthusiastic individuals, with foresight for innovation and a passion for solving everyday problems using the latest technology.

We trust in your ideas and want to help you bring them to life, so you can focus on your long term vision while we do all the hard work. As a service providing company, we understand your needs and strive hard to provide you with the best possible quality of service whether it is the development of your app, logo design or branding, or UI/UX improvements.

To achieve the above, we have handpicked our people and recruited a team of multi-talented individuals, each of whom adds a unique skill to our team of service providers. We ensure quality by imparting strict testing of all our products, listening to the customer complaints, and solving their problems on a priority basis.

How to Setup Flutter in Android Studio

  1. Download Lastest Flutter SDK from below link.in that click on flutter_window_xxx.zip button.
  2. Flutter sdk Here

  3. SmartKitPro

  4. Extract the zip file and copy flutter folder into your desired installation location for the Flutter SDK (eg. C:\src\flutter; do not install Flutter in a directory like C:\Program Files\).

  5. Inside Flutter folder find flutter_console.bat. Start it by double-clicking.


  6. SmartKitPro
  7. Now set your enviournment variable
  8. From the Start search bar in , type 'env' and select Edit environment variables for your account

  9. SmartKitPro

  10. Under User variables check if there is an entry called Path:
  11. Click on Edit.new Dialog open from it click on new and copy full path to flutter\bin as its value
  12. Now Restart your pc for changes to take effect
  13. SmartKitPro

  14. Now check everything is ok or not
  15. open cmd and do following shown in below picture

  16. SmartKitPro

  17. Now open Android Studio and create new flutter project then select your flutter sdk file to the location where we have downloaded earlier and that's it

  18. SmartKitPro

Setup Project on MacOS

  1. Open Project folder in Android Studio. Go to Preferences > Language & Frameworks > Flutter and Set Flutter SDK Path & Enable Dart support for Project and Apply and OK.

  2. SmartKitPro

    SmartKitPro
    SmartKitPro

  3. Next: Go to Flutter > Clean Flutter > Flutter Pub Get.

  4. Go to Terminal > write command -> cd iOS and press enter key and then write command pod install. After finishing pods installation.

  5. Go to Flutter > Open iOS module in Xcode

  6. SmartKitPro
  7. Select Project > Target > Check For Display Name and Bundle Identifier in General Tab.
  8. SmartKitPro
  9. Now go to Signing & Capabilities >Signing > Team - Add Your Team / Apple Developer Account here.
  10. SmartKitPro
  11. Add Following Capabilities according to Requirement of your Project & Respected Packages From Pubspec.yaml file.
    • Sign in with Apple

    • Apple Pay > Add Your merchant ID incase you want to use Apple Pay.

    • Associated Domains > add applinks of your Domain.

    • Background Modes > Location updates

Generate Release APK

  1. In you android studio, right click on you android module of you flutter project.there is option flutter, click on that inside open in new module.then generate release apk from that new module.

  2. SmartKitPro
  3. and if in your android studio if flutter option is disable then go to file option in your android studio inside open then locate your flutter project's android module and open it.now generate relase apk from that new module.

  4. SmartKitPro

    SmartKitPro

  5. In Build menu there is option generate signed bundle/apk.

  6. SmartKitPro

Steps to Publish iOS App to App Store

  1. Open your Project's Runner.xcworkspace file in Xcode, and Add your Team [Your Apple Developer ID] and also Insert GoogleService-Info.plist file [Downloaded From Firebase Project] inside folder named Runner.

  2. eShop

  3. and then Select Any iOS Device (armv7,arm64) as shown in image below.

  4. eShop

  5. After that Select Archive From Product Menu of Xcode as shown below.

  6. eShop

  7. Once Build / Archive Generated, pop up window will be shown. Validate app First, and After Successfull Validation of App, You Can Distribute App to AppStore.
  8. eShop

  9. After SuccessFull Submission of Build File, it will be Reflected to your Apple Developer Account in which we have created app with same Bundle ID.
  10. Click here for Detailed Help

Design

How to Implement Design in your project

  1. Suppose you want to implement webview,then go to the webview folder inside that copy file webviewRoute into your project.then add if it has any dependency then add dependency in your pubspec.yaml file according to it.

  2. SmartKitPro

    SmartKitPro

How to Add Your Own Images

  1. Go to assets > images >

  2. Add your images inside this folder

  3. SmartKitPro

  4. Add Image to pubspec file inside that there is assets tag put your image here

  5. SmartKitPro

Change Splash Screen

  1. Open Android Studio >Go to android > app > src > main > res > launch_background.xml
  2. Here You can change background and logo etc.this is defalut splash screen.if you want full customize then you have to create according to your need your dart file and then redirect main.dart to that splash screen as done in this project.
SmartKitPro

Implement Login Animation

  1. Copy login_Animation.dart file to your project path.

  2. SmartKitPro

  3. Now open pubspec.yaml file and add dependency for flare flutter.and in assets folder add teddy.flr file and pubspec.yaml file add tag '- assets / ' inside assets tag.

  4. SmartKitPro

Firebase

Create Firebase Project for Application.

  • We need Firebase project for Firebase Phone Login (Firebase OTP), Google Sign-In and Facebook Login, Database etc
  • here is steps for craete project.


















  • IOS

  • for ios,perform below step. now click on add app.


  • and then click on ios button.in this same as android step will be here, you have to enter your appname.then next


  • on next screen download google service info.plist file.


  • now copy the content of that file and replace in ios > Runner > GoogleServie-info.plist
    • now press next next on firebase console and that's it your project is created on ios.
      • Move or copy GoogleService-Info.plist into the [my_project]/ios/Runner directory.
      • Open Xcode, then right-click on Runner directory and select Add Files to "Runner".
      • Select GoogleService-Info.plist from the file manager.
      • A dialog will show up and ask you to select the targets, select the Runner target.
    eShop

    Firebase Realtime Database

    Enable Realtime database in firebase console.

  • Realtime database we used to Read and Write data.




  • Realtime database rules must be true like below.because if user dont have read and write permission then they are not able to access database.




  • Authenticate Using Email and Password on Flutter With Firebase.

  • Open your project in firebase console.
  • In the Firebase console, open the Auth section.
  • On the Sign in method tab, enable the Email/password sign-in method and click Save.





  • Change Sender Name and Subject for verify email and reset Password.






  • Authenticate Using Google Sign-In on Flutter With Firebase.

  • First of all we have to enable Google Sign-In method in firebase console.
  • Now open your project in firebase console.




  • We have to add Authorized domain and Application Privacy Policy link in Google Cloud Plateform.
  • This step is important without add authorized domain link google signin may not work.
  • Open your project in Google Cloud Plateform, here is link for OAuth consent screen


  • Add the dependencies for Firebase Authentication and Google Sign-In to your app-level build.gradle file:


  • If you haven't yet specified your app's SHA-1 fingerprint, do so from the Settings page of the Firebase console.




  • After you integrate Google Sign-In, your LoginActivity has code for login you don't have to add anything extra.
  • If you want to read code for google sign-in for flutter you can read here.
  • Steps for Integrating Google Sign-In into Your Flutter App


  • Note
  • There is three types of SHA-1.
    • Debug SHA-1 : you can get this sha from your android stuido.
    • Release SHA-1 : when you create keystore(.jks) file for generate sign apk. you can get release sha from your key store file. Use this Desktop App for get release sha from keystore file. KeyStore Explorer. Add this sha in your firebase project when you test realese apk.
    • Sign SHA-1:You have to add this sha when you publish your app on playstore. You can get this sign sha from your PlayConsole. Without Sign sha your google login not work when your app published on PlayStore.
    • For App signing certificate go to > Play Console > Select your App > Release Management > App Signing



    Authenticate Using Mobile Number on Flutter With Firebase.

  • First of all we have to enable Phone Sign-In method in firebase console.
  • Now open your project in firebase console.





  • Authenticate Using Facebook Login on Flutter with Firebase.

    • First create project for your application , go to Facebook for Developers
    • Go to Facebook Quick Start Integrate the Facebook SDK
    • On the Facebook for Developers site, get the App ID and an App Secret for your app.
    • In the Firebase console, open the Auth section. Enable Facebook Login.
    • On the Sign in method tab, enable the Facebook sign-in method and specify the App ID and App Secret you got from Facebook.


    • Then, make sure your OAuth redirect URI (e.g. my-app-12345.firebaseapp.com/__/auth/handler) is listed as one of your OAuth redirect URIs in your Facebook app's settings page on the Facebook for Developers site in the Product Setting > Facebook Login config
    • Add the dependencies for Firebase Authentication and Facebook Login SDK to your app-level build.gradle file:



    • Edit Your Resources and Manifest

    • Create strings for your Facebook app ID and for those needed to enable Chrome Custom Tabs. Also, add FacebookActivity to your Android manifest.
    • Open your app >res >values >strings.xml file.


    • Open the app >manifest >AndroidManifest.xml file.
    • Add the following meta-data element, an activity for Facebook


    • Associate Your Package Name and Default Class with Your App
    • Provide the Development and Release Key Hashes for Your App
    • To ensure the authenticity of the interactions between your app and Facebook, you need to supply us with the Flutter key hash for your development environment. If your app has already been published, you should add your release key hash too.


    • Generating a Development Key Hash
      1. We will use SHA-1 key to generate hashkey for facebook login.
      2. you can generate hash online. Here is external link for generate key has for facebook login. Key hash Generate Link








    Firebase Dynamic Links Setting URL in Firebase Console.

    • Open Firebase console. Open Firebase Project in which you need to add Firebase Dynamic Links.
    • Configure App (Android, iOS) in your Firebase project.
    • Dynamic link Section will open up from the Dynamic Links section


    • Section will open up the Dynamic Links section
    • Now Click on Get Started button for creation of URL prefix
    • Create a Dynamic Link Containing Unique Domain Name of your App. For example: firebasedynamiclinks.page.link. Here, the domain name is suffixed with page.link. Then, follow: Configure → Verify → Finish steps.
    • Then, follow Steps Click Configure → Verify → Finish steps.


    • Create a dynamic link in the console
    • Click on the New dynamic links button you will be redirected to some step defined for dynamic links creation




    • Add DeepLink URl and DeepLink NAme then press next button.












    • Create a Dynamic Link In Programming



    Google Drive Integration (Upload, Download And List Files).

    • Create Google Firebase Project.
    • Enable Google Drive API from Google Developer Console.
      (Note: you need to select the same project in Google Developer Console as you have created in Google Firebase.)



    How to Add Multi Language in app

    1. To Add language First go to SmartKitPro/lib/AppFeature/l10n folder and duplicate app_en.arb file and rename with your language. and replace string with your langauge

    2. Then Open l10n.dart file.

    3. Paste const Locale('your language code'), this below const Locale('de')

    4. SmartKitPro

    5. Then copy code show below image.

    6. SmartKitPro

    7. And paste above defalut line. As shown below image

    8. SmartKitPro

    9. Then Goto your main.dart and wrap your MaterialApp with ChangeNotifierProvider as shown below image

    10. SmartKitPro

    11. Then add this line shown below image in your MaterialApp widget

    12. SmartKitPro

    Add Dynamic theme to app

    1. Copytheme.dart file and paste in your project

    2. Then open theme.dart and add your themedata as par your requerment. as shown below image.

    3. SmartKitPro

    4. Then goto your main.dart and wrap your MaterialApp widget with change ChangeNotifierProvider as shown below image.

    5. SmartKitPro

    6. Then add below code in yuor app where you want to add dynamic theme switch

    7. SmartKitPro

    How to import Full UI Apps Individuals

    1. Go to lib folder -------> ui -------> fullApps

    2. Choice your Application and copy that folder.

    3. SmartKitPro

    4. Then after past on individual project with >assest folder (for images) and pubspec.ymal (for dependencies) file and your individual project ready.

    5. SmartKitPro

    Support

    Need Support ?

    Its our pleasure to serve our service and support. please contact our support team.

    Skype : Hency Pithadiya

    To help our customers, we constantly be in touch with every customer if they need any assistance regarding our product. We offer our customers a support from Mon ─ Fri 9.00am to 6.00pm IST (GMT +5.30) ─ We are a Team located in India ─ Asia.

    Typically we reply our customers for all the questions and queries within 24 hours of time via comments, support forum or emails.

    Your Feedback

    Dear valuable customer, Thank you very much for choosing our product. It's our pleasure to serve top-notch service to you. Please give us your honest feedback that will help us to make a more strong and reliable product by click here Rate Us. Thank you very much.

    Contact Us

    WRTeam has creative and dedicated group of developers who are mastered in Apps Developments and Web Application Development with a niche in delivering quality solutions to customers across the globe. Contact us today to find out how we can help you or for freelance work.

    Visit Us : https://wrteam.in

    Mail Us : info@wrteam.in

    Thank you very much.