FlutterVN newsletter #4
Published in
7 min readNov 20, 2019
Flutter Clock challenge; Flutter Q3 2019 survey result on performance, add-to-app, plugins; CI/CD in Flutter workflow; test app. And more…
Articles
- We hear you — learnings from Q3 2019 Flutter user survey: Flutter’s User Experience team runs a survey every quarter to understand what we can do to help you be successful with Flutter. And here is the result. By Ja Young Lee.
- It doesn’t about Flutter, but in React Native v0.61 also have Doctor tool for helping developer to find and solve build-related issues.
- After week-awaiting, then we finally know about the Flutter Clock challenge contest by Google. Would you take this challenge?
- An interesting question: Mobx.dart looks good, but why it is not popular as flutter_bloc?
- Offline first with Flutter: How to cache data in Flutter, then synchronize when come online. By Christian Muehle.
- What is the difference between functions and classes to create widgets? And the question is: Never ever use functions over classes to make reusable widget-tree. Always extract these into a StatelessWidget instead. Do not use functions to create widgets. By Rémi Rousselet (author of Provider package).
- Flutter for Web : Building a Portfolio Website: Aditya Gurjar shares his experience when use Flutter Web in his website.
- How I learned flutter and made an open source contribution to Flutter Map: how Gaurab learns Flutter, then create a Map plugin?
- Blazingly Fast Flutter Driver Tests: Flutter has two approaches to testing user interfaces — Widget Testing and Flutter Driver Testing. Tomek Polański will show how to use Driver Testing.
- Modular Flutter Apps — Design and Considerations: in Android, we often split big app into multiple modules. So how to do the same in Flutter app? Gonçalo Palma has an article about it.
- Run Flutter Driver tests on GitHub Actions: Github Actions is a great tool for CI/CD workflow. Katarina Sheremet demonstrates how to configure that worksflow on her Github repo.
- Automate Your Flutter Workflow Using GitLab CI/CD and Fastlane: Fastlane is great and must-have CI tool, when combine with Gitlab, we can automate CI/CD workflow for Flutter app. By Appditto.
- How to add Flutter modules to native Android project and test it on Codemagic: add2app is an interesting tool to add Flutter into an existing Android app. Let see how Souvik Biswas does it.
- Why Native Developers Should Pay Close Attention to Flutter? Mohammad Azam is extremely impressed with the results when writing small Flutter app.
- Flutter Alert Dialog to Custom Dialog: how Ishan Fernando customize the color, animation time of Dialog.
- Animating using AnimatedPositioned Flutter widget: how AnimatedPositioned widget is used to animate an image in it. By Priyanka Tyagi.
- Implementing Slider & RangeSlider Flutter Widgets: Priyanka Tyagi implements RangeSlider and Slider widget to select Grade ranges and difficulty levels.
- Testing provider in Flutter:
provider
is one of the most popular Flutter state management. So how to test it? By Aseem Wangoo.
- Ads in your Flutter App: how to integrate Admob into Flutter app. By Greg Perry.
Media
- Creating your own Custom Implicit Animations with TweenAnimationBuilder: In this episode of Flutter in Focus, Emily Fortuna shows how to use TweenAnimationBuilder in Flutter to build a basic animation for your app. Stick around for an overview and several use cases for the widget!
- Division — Style Your Flutter Widgets Without Confusion: In Flutter, everything is a widget. You can freely compose them and create your own which is awesome! However, there are certain inconsistencies and lacking features that make styling and positioning widgets a pain. What’s more, it’s pretty tough to extract a style of a widget. What if you want to reuse just the padding and border radius on multiple different widgets? Well, you’re out of luck… Unless you use a package called division which allows you to do just that! Extract styles and make styling an enjoyable endeavor by streamlining certain processes.
- Take the Flutter Clock challenge: We have a new contest to announce! Introducing Flutter Clock: your chance to build a beautiful clock face with Flutter. We’ll be giving away thousands of dollars worth of prizes and a chance to inspire a design for the Lenovo Smart Clock.
- AnimatedCrossFade (Flutter Widget of the Week): Cross fade is a cinematic term in which one thing gradually fades into another. Wouldn’t it be useful to have something similar, but for Flutter widgets? AnimatedCrossFade to the rescue!
Libraries and repositories
- faob-dev/flutter_circular_text: Flutter circular text widget.
- faob-dev/folding_cell: Flutter FoldingCell widget.
- material-components/material-components-flutter-experimental: Work in progress code, implementation options, and design prototypes.
- diegoveloper/flutter_stretchy_header: create a elastic header, to give a good effect when you scroll down the widget.
- renancaraujo/photo_view: A simple zoomable image/content widget for Flutter.
- jogboms/time.dart: Type-safe DateTime and Duration calculations, powered by extensions.
- ReinBentdal/division: Simple to use yet powerfull style widgets with syntax inspired by CSS
Events
- For Flutter developer in Ho Chi Minh city (Vietnam), the meetup hold by FlutterVN — Flutter Vietnam Development on Nov 17, 2019 was successfully. You can get the reference resources/ slides via this link:
Thanks for reading. If you are interested:
👏 Press the clap button below to show your support and motivate me to write better!
💬 Leave a response to this article by providing your insights, comments or wishes for the series.
📢 Share this article with your friends, colleagues in social media.
➕ Follow me on Medium, Youtube, Facebook and Twitter.
⭐ Star the Github repository.
Or read previous newsletter via this link: