Managing the App Life Cycle and the Screen Orientation in Dart's Flutter Framework

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@tensor·
0.000 HBD
Managing the App Life Cycle and the Screen Orientation in Dart's Flutter Framework
#### What Will I Learn?

- You will learn how to manage life cycle events in Flutter
- You will learn how to use orientation changes in Flutter
- You will learn about the orientation builder widget
- You will learn about how you can limit orientations in Flutter
- You will learn how to save data on life cycle changed

#### Requirements
- [IDEA intellij](https://www.jetbrains.com/idea/) or [Visual Studio Code](https://code.visualstudio.com/) with the Dart/Flutter [Plugins](https://github.com/flutter/flutter-intellij)
- The [Dart SDK](https://www.dartlang.org/install) and the [Flutter SDK](https://flutter.io/get-started/install/)
- A fair understanding of Mobile development and Imperative or Object Oriented Programming

#### Difficulty

- Intermediate


#### Description
In this **Flutter tutorial video**, we take a look at how we can use **Application Life Cycle Events** and **Screen Orientation changes** to our advantage in Flutter.  The flutter framework offers a large amount of tools that allows users to manipulate and gain access to the various state changes caused by these events.  We can **limit the orientations** so that the application will not end up in a layout that looks bad for our widgets.  We can also **add specific layouts** for each orientation to make our application feel more native and fluid.  

We also have the ability to **dynamically change the state** of our application based on the **Life-cycle Application State**.  This means that we can **store data** when our application is pushed into the background and we can **fetch that data** when the application comes back into the foreground. Using these different properties, we can **efficiently create applications** that change based on how the users choose to use them.  This includes **adding listeners** to make the application do various things on different state changes as well and **forcing the User interface to update**. 

The source code for this project can be found [here](https://github.com/tensor-programming/flutter_applifecycle_orientation_tutorial)

The Android Life Cycle Chart is [here](https://raw.githubusercontent.com/xxv/android-lifecycle/master/complete_android_fragment_lifecycle.png)


The iOS Life Cycle Chart is [here](https://i.stack.imgur.com/c2d1D.jpg)


#### Video Tutorial
<iframe width="560" height="315" src="https://www.youtube.com/embed/s7pHLcQxP40" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>


#### Projects and Series
> ##### Stand Alone Projects:
> - [Dart Flutter Cross Platform Chat Application Tutorial](https://steemit.com/@tensor/dart-flutter-cross-platform-chat-application-tutorial)
> - [Building a Temperature Conversion Application using Dart's Flutter Framework](https://utopian.io/u/38673252)
> ##### Building a Calculator
> - [Building a Calculator Layout using Dart's Flutter Framework](https://utopian.io/u/39348292)
> - [Finishing our Calculator Application with Dart's Flutter Framework](https://utopian.io/u/39522895)
> ##### Movie Searcher Application
> - [Building a Movie Searcher with RxDart and SQLite in Dart's Flutter Framework (Part 1)](https://utopian.io/u/41053969)
> - [Building a Movie Searcher with RxDart and SQLite in Dart's Flutter Framework (Part 2)](https://utopian.io/u/41208913)
> - [Building a Movie Searcher with RxDart and SQLite in Dart's Flutter Framework (Part 3, Final)](https://utopian.io/u/41384278)
> #### Minesweeper Game
> - [Building a Mine Sweeper Game using Dart's Flutter Framework (Part 1)](https://utopian.io/u/42282888)
> - [Building a Mine Sweeper Game using Dart's Flutter Framework (Part 2)](https://utopian.io/u/42433127)
> - [Building a Mine Sweeper Game using Dart's Flutter Framework (Part 3)](https://utopian.io/u/42568713)
> - [Building a Mine Sweeper Game using Dart's Flutter Framework (Part 4, Final)](https://utopian.io/u/42697072)



#### Curriculum

- [Building a Multi-Page Application with Dart's Flutter Mobile Framework](https://utopian.io/u/36304896)    
- [Making Http requests and Using Json in Dart's Flutter Framework](https://utopian.io/u/36711012)
- [Building Dynamic Lists with Streams in Dart's Flutter Framework](https://utopian.io/u/36947451)
- [Using GridView, Tabs, and Steppers in Dart's Flutter Framework](https://utopian.io/u/37160274)
- [Using Global Keys to get State and Validate Input in Dart's Flutter Framework](https://utopian.io/u/37555657)
- [The Basics of Animation with Dart's Flutter Framework](https://utopian.io/u/37731908)
- [Advanced Physics Based Animations in Dart's Flutter Framework](https://utopian.io/u/38077640)
- [Building a Drag and Drop Application with Dart's Flutter Framework](https://utopian.io/u/38246831)
- [Building a Hero Animation and an Application Drawer in Dart's Flutter Framework](https://utopian.io/u/38433382)
- [Using Inherited Widgets and Gesture Detectors in Dart's Flutter Framework](https://utopian.io/u/38862139)
- [Using Gradients, Fractional Offsets, Page Views and Other Widgets in Dart's Flutter Framework](https://utopian.io/u/39001452)
- [Making use of Shared Preferences, Flex Widgets and Dismissibles with Dart's Flutter framework](https://utopian.io/u/39694109)
- [Using the Different Style Widgets and Properties in Dart's Flutter Framework](https://utopian.io/u/39890067)
- [Composing Animations and Chaining Animations in Dart's Flutter Framework](https://utopian.io/u/40065925)
- [Building a Countdown Timer with a Custom Painter and Animations in Dart's Flutter Framework](https://utopian.io/u/40384708)
- [Reading and Writing Data and Files with Path Provider using Dart's Flutter Framework](https://utopian.io/u/40536227)
- [Exploring Webviews and the Url Launcher Plugin in Dart's Flutter Framework](https://utopian.io/u/40707081)
- [Adding a Real-time Database to a Flutter application with Firebase](https://utopian.io/u/41791441)
- [Building a List in Redux with Dart's Flutter Framework](https://utopian.io/u/41963715)
- [Managing State with the Scoped Model Pattern in Dart's Flutter Framework](https://utopian.io/u/42126946)
- [Authenticating Guest Users for Firebase using Dart's Flutter Framework](https://utopian.io/u/43164921)
- [How to Monetize Your Flutter Applications Using Admob](https://utopian.io/u/43345353)
- [Using Geolocator to Communicate with the GPS and Build a Map in Dart's Flutter Framework](https://utopian.io/u/43502503)

    

<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@tensor/managing-the-app-life-cycle-and-the-screen-orientation-in-dart-s-flutter-framework">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,