MANVIA BLOG

  • Home
  • UI
    • Angular
    • Jquery
    • NextJs
    • HTML & CSS
    • React Js
  • Database
    • Mysql
  • Scripts
    • Laravel
    • dotNet
    • GoLang
    • NodeJs
    • Python
    • Wordpress
    • Odoo
    • PHP Core
    • SailsJs
    • CakePHP
    • Django Framework
  • Projects
    • Eismann
    • Applications
    • CMS
  • Mobile App
    • Settings
    • Flutter
  • DevOps
    • Azure
    • Bluehost
    • GoDaddy
    • AWS
    • Tomcat Server
  • Tools
    • Jmeter
    • Jira
    • Bitbucket
    • Git
  • General
    • Server
    • Web
    • Programming

Flutter

  • Basic

    New Project
    Variables and Data type
    obs variable
    Class & Object
    Object to json
    Null Aware Operators
    RxList
    setState()
    Using Future -get asynchronous data
    Navigation : one screen to another screen
    Logger

  • UI Elements

    Widgets
    Text
    StatelessWidget vs StatefulWidget
    Widgets with class vs widgets with function
    Text Field
    Button
    Image - Network
    Image - Local image
    App Bar
    Drawer Menu
    Drawer Menu - Header
    File
    RichText
    Slidable
    TabBar
    DropDownButton
    PopupMenuButton
    BaseBottomNavBar
    IconButton
    Carousel Slider
    Dialog Box
    Circular Progress Loader
    Snack Bar
    PageView
    Gesture Detector
    InkWell
    RadioListTile
    SliverAppBar

  • layouts

    * Layout Cheat Sheet
    SingleChildScrollView
    Table
    Data Table
    Box Shadow
    Center
    Column
    Container
    Grid View
    List View
    Row
    Scaffold
    Child vs Children
    Stack
    Padding
    Margin
    Border Radius
    Border
    Shadow
    multiple layouts 2
    Sizebox
    Layout bg image
    List Tile
    Shared or Common layout accross multiple pages
    Safearea
    multiple layouts 1
    Expanded
    ListView.builder
    Visibility
    ListView.separated
    RefreshIndicator
    Stack plus GridView
    GridView - Rounded corner

  • Examples

    * Project 8: Home Page1
    * Project 9 : Details Page1
    Row Column Example
    Signup Page
    Drawer Menu
    Named Route Navigation
    Api Integration
    Form Api Integration
    * Project 1: Traveling App UI Design
    * Project 2: Traveling App UI Design
    * Project 10 : UI Quiz
    * Project 11 : UI Profile
    * Project 12 : UI ModalBottomSheet
    * Project 13 : UI Cart
    * Project 14 : Google font
    * Project 15 : UI movie app
    * Projects
    * Project 16 : UI Banking app
    * Project 17 : Car Rental
    * Project 18 : Ecommerce App
    * Project 19 : Ecommerce App 2
    * Project 20 : FaceBook App
    * Project 21 : Fitness App
    * Project 22 : Fitness App 2
    * Project 23 : Shopping Cart1
    * Project 24 : Gaming Shop
    * Project 25 : Health Care
    * Project 26 : House Rent
    * Project 27 : Ice Cream Parler
    * Project 28 : Movie APP1
    * Project 29 : Movie APP2
    * Project 30 : News App 1
    * Project 31 : News App 2
    * Project 32 : Course App
    * Project 33 : Restaurant App
    * Project 34 : API CALL
    * Project 35 : API CALL
    * Project 36 : API CALL
    * Project 37 : API CALL
    * Project 38 : API CALL
    * Project 39 : API CALL
    Listview with card
    Listview with model data
    Listview with swipe
    Listview with popupmenu
    Listview with action icons
    Login Screen1
    Card Layout
    Login & Register 1
    Login & Register 2 : Routing
    * Project 5: Landing Page2 - bg image using stack()
    * Project 6: Listing Page1 with searchbox
    * Project 7 : Profile Page1
    * Project 3 : Form1 : widgets
    * Project 4: Form2 : widgets
    Login & Register 3 : Reusable Widgets
    Landing Page1 - some bg shapes *

  • Forms

    Form Validation
    Form data send to server
    Fetching data using API
    Update form data using API
    Delete data using API
    Show value in a form

  • View

    Data pass from one view to another

  • Controller

    Redirect to a page with data
    Api data pass to view

  • Model

  • GetX Basics

    snackbar using getX
    dialog box using getX
    InkWell Widget using getX
    Bottom Sheet using getX
    Route using getX
    STEP2: Splash Screen using getX
    STEP3: Controller
    STEP4: API Integration
    STEP5: Model
    STEP6: Bindings
    Obx
    GetBuilder
    Local Storage
    Auth Implementation
    File Uploading
    Searchbox with ListView
    Searchbox in one screen and result in another screen
    Password - show or hide icon

  • GetX Steps

    Step1: New Project
    Step2: Add Drawer Menu (Shared Drawer Menu)
    Step3: Page Navigation
    Step4: Working with controller
    Step5: Working with API
    Step6: Working with multiples Model
    Step7: Working on screen
    Step7: Screen - Bottom NavBar
    Step8: Screen - form page
    Step9: Screen - Searchable ListView
    Step10: Screen - file uploading