Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Unleashing the Power of Flutter: Building Multi-Platform Experiences - DevFestVizag 2023

Unleashing the Power of Flutter: Building Multi-Platform Experiences - DevFestVizag 2023

Join us in this dynamic session as we delve into the incredible capabilities of Flutter, the cross-platform framework that empowers developers to create stunning multiplatform experiences. Explore the versatility of Flutter as we discuss strategies and best practices for building robust applications that seamlessly run on various platforms.

Get ready for an engaging experience, as we'll be performing live demos and hands-on exercises to showcase how Flutter can elevate your development workflow. From code to deployment, discover the power of Flutter and unlock new possibilities in the world of multiplatform app creation.

Jaldeep Asodariya

December 02, 2023
Tweet

More Decks by Jaldeep Asodariya

Other Decks in Technology

Transcript

  1. Unleashing the Power of
    Flutter:
    Building Multi-Platform
    Experiences
    Vizag

    View full-size slide

  2. Jaldeep Asodariya
    Follow me
    @jaldeepasodariy
    @jaldeepasodariy

    View full-size slide

  3. What is Flutter?
    Vizag

    View full-size slide

  4. What is Flutter?
    Google’s portable UI toolkit for
    building a beautiful
    multi-platform applications

    View full-size slide

  5. Why Flutter?

    View full-size slide

  6. Multi-Platform
    Support

    View full-size slide

  7. Mobile
    Build for all as one team

    View full-size slide

  8. Web
    Build better web apps

    View full-size slide

  9. Desktop
    Windows, macOS, and
    Linux apps

    View full-size slide

  10. Embedded
    Flutter apps — anywhere

    View full-size slide

  11. Supported deployment
    platforms

    View full-size slide

  12. Architectural layers

    View full-size slide

  13. Web Architecture

    View full-size slide

  14. Making an app
    responsive
    Vizag

    View full-size slide

  15. Useful Widgets
    ● Layout Builder
    ● Aspect Ratio
    ● Fractionally SizedBox
    ● MediaQuery
    ● FittedBox
    ● Orientation Builder
    ● CustomSingleChildLayout
    ● CustomMultiChildLayout

    View full-size slide

  16. Making an app
    adaptive
    Vizag

    View full-size slide

  17. Useful Widgets
    ● Listener
    ● FocusTraversalGroup
    ● FocusableActionDetector
    ● Shortcuts
    ● Actions
    ● Focus
    ● Mouse Region
    ● Selectable Text

    View full-size slide

  18. Tools and Libraries
    for Multi-platform
    Development
    Vizag

    View full-size slide

  19. Device Preview
    Approximate how your app looks and
    performs on another devices.

    View full-size slide

  20. velocity_x
    responsive_
    framework
    go_router
    desktop_
    window
    sidebarx
    macos_ui dual_screen
    context_menus
    Libs on pub.dev

    View full-size slide

  21. Let’s see in Action

    View full-size slide

  22. Q&A
    Hey Jaldeep…
    Vizag

    View full-size slide

  23. Thank you!
    Dank je!
    धन्यवाद!
    ধন্যবাদ!
    ہﯾرﮑﺷ ﺎﮐ پآ!
    ﻲﻧﺎﺑرﮭﻣ ﻲﺟ نﺎھوﺗ!
    ေကျးဇူးတင်ပါတယ်!
    നന്ദി!
    ありがとうございました!
    Ευχαριστώ! Gràcies!
    ਤੁਹਾਡਾ ਧੰਨਵਾਦ!
    ಧನ್ಯವಾದ!
    À ringrazià ti!
    谢谢!
    நன
    ் றி! ధన్యవాదాలు!
    ¡Gracias!
    Faleminderit!
    આભ
    ભ ાર!
    ขอขอบคุณ!
    Follow me
    @jaldeepasodariy
    Jaldeep Asodariya
    Co-Organizer, GDG Ahmedabad
    Senior Mobile Engineer, HighLevel

    View full-size slide

  24. Vizag
    Thank you!
    Dank je!
    धन्यवाद!
    ধন্যবাদ!
    ہﯾرﮑﺷ ﺎﮐ پآ!
    ﻲﻧﺎﺑرﮭﻣ ﻲﺟ نﺎھوﺗ!
    ေကျးဇူးတင်ပါတယ်!
    നന്ദി!
    ありがとうございました!
    Ευχαριστώ! Gràcies!
    ਤੁਹਾਡਾ ਧੰਨਵਾਦ!
    ಧನ್ಯವಾದ!
    À ringrazià ti!
    谢谢!
    நன
    ் றி! ధన్యవాదాలు!
    ¡Gracias!
    Faleminderit!
    આભ
    ભ ાર!
    ขอขอบคุณ!
    Jaldeep Asodariya
    Co-Organizer, GDG Ahmedabad
    Senior Mobile Engineer, HighLevel Follow me
    @jaldeepasodariy

    View full-size slide