Flutter at I/O 19

A quick recap of all the updates in Flutter 1.5 and Dart 2.3 that were presented in Google I/O 2019. Presented the deck in GDG BBSR IO Extended.

Transcript

1. Flutter Recap Pooja Bhaumik Google Developer Expert - Flutter
6. UI-as-code
13. Comes Dart 2.3
21. New widgets in Material package
22. ReorderableListView
25. RangeSlider
26. Beyond Mobile: Material Design, Adaptable UIs, and Flutter
27. Accessibility
35. New State Management Package!!
36. package:provider By Remi Rousselet
38. Column( children: <Widget>[ FloatingActionButton( onPressed: () => {}, tooltip: 'Increment', child: Icon(Icons.add), ), FloatingActionButton( onPressed: () => {}, tooltip: 'Increment', child: Icon(Icons.remove), ) ], ),
39. Column( children: <Widget>[ FloatingActionButton( onPressed: () => {}, tooltip: 'Increment', child: Icon(Icons.add), ), FloatingActionButton( onPressed: () => {}, tooltip: 'Increment', child: Icon(Icons.remove), ) ], ),
40. class Counter with ChangeNotifier { int counter; Counter(this.counter); get value => counter; set value (int counter) => counter = counter; void increment() { counter++; notifyListeners(); } void decrement() { counter--; notifyListeners(); } }
41. class Counter with ChangeNotifier { int counter; Counter(this.counter); get value => counter; set value (int counter) => counter = counter; void increment() { counter++; notifyListeners(); } void decrement() { counter--; notifyListeners(); } }
42. class Counter with ChangeNotifier { int counter; Counter(this.counter); get value => counter; set value (int counter) => counter = counter; void increment() { counter++; notifyListeners(); } void decrement() { counter--; notifyListeners(); } }
43. class Counter with ChangeNotifier { int counter; Counter(this.counter); get value => counter; set value (int counter) => counter = counter; void increment() { counter++; notifyListeners(); } void decrement() { counter--; notifyListeners(); } }
44. class Counter with ChangeNotifier { int counter; Counter(this.counter); get value => counter; set value (int counter) => counter = counter; void increment() { counter++; notifyListeners(); } void decrement() { counter--; notifyListeners(); } }
45. home: HomePage(),
46. home: ChangeNotifierProvider<Counter>( builder: (_) => Counter(0), child: HomePage(), ),
47. home: ChangeNotifierProvider<Counter>( builder: (_) => Counter(0), child: HomePage(), ),
48. home: ChangeNotifierProvider<Counter>( builder: (_) => Counter(0), child: HomePage(), ),
49. home: ChangeNotifierProvider<Counter>( builder: (_) => Counter(0), child: HomePage(), ),
50. home: ChangeNotifierProvider<Counter>( builder: (_) => Counter(0), child: HomePage(), ),
51. class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { final counter = Provider.of<Counter>(context); return Scaffold( appBar: AppBar(), body: ...
52. class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { final counter = Provider.of<Counter>(context); return Scaffold( appBar: AppBar(), body: ...
53. Text('${counter.value}',)
54. Column( children: <Widget>[ FloatingActionButton( onPressed: counter.increment, tooltip: 'Increment', child: Icon(Icons.add), ), FloatingActionButton( onPressed: counter.decrement, tooltip: 'Increment', child: Icon(Icons.remove), ) ], ),
55. Widget build(BuildContext context) { final counter = Provider.of<Counter>(context); return Scaffold( appBar: AppBar(), body: ...
56. Widget build(BuildContext context) { return Scaffold( appBar: AppBar(), body: ...
57. Widget build(BuildContext context) { return Scaffold( appBar: AppBar(), body: . )..
58. Widget build(BuildContext context) { return Consumer( builder: (context, Counter counter, _) => Scaffold( appBar: AppBar(), body: . ), ) ..
59. Widget build(BuildContext context) { return Consumer( builder: (context, Counter counter, _) => Scaffold( appBar: AppBar(), body: ...
61. Dart 2.3 Updates to Material Accessibility Provider ...etc
65. flutter.dev/desktop Early Preview
66. flutter.dev/web Technical Preview
67. New codelabs!
68. What else?
70. medium.com/@poojabhaumik
71. medium.com/@poojabhaumik twitter.com/pblead26
72. medium.com/@poojabhaumik twitter.com/pblead26 Thank You!