Today in Mobile: Building with Kotlin and Flutter

Mobile application development has evolved over time. This presentation covers the new technologies used in building Native Android (Kotlin) and Multi-platform applications (Flutter).

Transcript

1. Today in Mobile: Building with Kotlin & Flutter Nenne Adaora ‘Adora’ Nwodo | DevFest Ajah 2018
2. 2 Hi, I’m Adora Full Stack Web Developer Google Associate Android Developer Writer, adorahack.com @theadoranwodo, @adorahack @adoranwodo
3. 1. More mobile users. Over 65% of users spend most of their time on social media apps. 3 2. Apps for smartwatches, TVs, and even vehicles now exist. The ‘app culture’ is becoming dominant. 3. A typical smartphone user unlocks their phones over 80 times a day. This generates over 2,700 strokes/swipes per day.
4. Once upon a time... 4 + = Good Android Apps
5. New School 5 + = Better Android Apps
6. Android? How about others? 6
7. JAVA TO KOTLIN 7 1.
9. ▪ Boosts productivity by 100% ▪ Runs on Java JVM ▪ No boilerplate code ▪ Safe ▪ Interoperable ▪ Goodbye, NullPointerException 9 Why move to Kotlin?
10. Less is more SampleCode.java public class Person{ private String firstname, lastname; public Person(String fname, String lname){ this.firstname = fname; this.lastname = lname; } public String getFirstname(){ return firstname; } public String getLastname(){ return lastname; } Public void setFirstname(string firstname){ this.firstname = firstname; } Public void setLastname(string lastname){ this.lastname = lastname; } } 10 SampleCode.kt data class Person(var firstname: String, var lastname: String)
11. Version 1.1 - JavaScript - Type aliases - Sealed and data classes - also(), takeIf(), takeUnless() Version 1.2 -Smart cast is better - Serializable regex - Java-default method calls Version 1.3 - Say hello to code contracts - Multiplatform - Progressive mode 11 Kotlin’s evolution ...
12. 12 Tools for Android Development with Kotlin
13. Kotlin Android Extensions //in build.gradle apply plugin: 'kotlin-android-extensions //in Activity.kt import kotlinx.android.synthetic.main.<layout>.* ... findViewById<TextView>(R.id.textView) textView.setText("Hi, Adora!") 13 Image from www.raywenderlich.com
14. Anko Library providing a set of Kotlin-friendly wrappers around the Android APIs, as well as a DSL that lets you replace your layout .xml files with Kotlin code. Anko Commons, Anko Layouts, Anko SQLite, Anko Coroutines 14
15. 15 Who has joined the Kotlin party?
16. IT’S FLUTTER TIME 16 2.
17. Write once, Test once, Deploy anywhere Flutter allows you to build Android & iOS apps from a single codebase. The Flutter SDK uses Dart. 17
18. 18 Not this Dart.
19. An Object Oriented, Class defined language used to build high-quality, multi platform applications. Productive, Fast, Portable, Approachable, Reactive 19
20. builder: (BuildContext context) { return RaisedButton( onPressed: () => greetAdora(context), color: Colors.indigoAccent, child: Text('Say Hi to Adora'), ); } 20
21. The Flutter Framework 21
22. Flutter Widgets 22 ▪ Text ▪ Stack ▪ Container
23. Flutter Widgets 23 ▪ Row ▪ Column
24. Flutter Widgets 24 class BigText extends StatelessWidget { Widget build(context) { return new Text('text'); } } Widgets must have the build method
25. User Interface in Flutter 25 ▪ Combine different widgets to build layouts ▪ Stateful widgets ▪ Stateless widgets ▪ Material & Coupertino ▪ Navigation & routing
26. More Flutter 26 ▪ Data ▪ State management ▪ Using platform channels ▪ Accessibility Scanner & Accessibility Inspector ▪ Flutter Analyze ▪ Unit tests, Widget tests & Integration tests
27. Who is Team Flutter? 27
28. Thanks! Website - www.adoranwodo.com Blog - www.adorahack.com GitHub - @adoranwodo Twitter - @theadoranwodo 28