The Hero widget allows us to define that two widgets are related, allowing the system to automatically perform transitional animations for us as we navigate between screens. This allows us to provide a greater experience when transporting users through navigational context, making our app both easier and more pleasant to use. As displayed in the… Continue reading
Android Architecture Components: Testing your ViewModel LiveData
Last week I pushed a fork of the Buffer Android Boilerplate to a public repository — the difference with this fork is that it uses the new architecture components (ViewModels in the presentation layer and Room in the cache layer). If you haven’t seen it yet, you can do so here 👉 But we’re not here to… Continue reading
Building a Guitar Chord Tutor for Actions on Google: Part Two
In the last part of this series, we looked at how we can build a tool for Actions on Google – if you haven’t checked that out yet then it might be worth reading it before continuing this article: In part two, we’re going to be taking a quick look at how we can leverage… Continue reading
Widgets: Raised Button
The RaisedButton widget allows us to create a Button that matches the specification defined in the Material Guidelines here. The RaisedButton has a single constructor that allows us to instantiate the widget with a number of different properties. new RaisedButton( child: const Text(‘Connect with Twitter’), color: Theme.of(context).accentColor, elevation: 4.0, splashColor: Colors.blueGrey, onPressed: () { //… Continue reading
Building a Guitar Chord Tutor for Actions on Google: Part One
Google Actions is a fascinating platform. Not only does it provide us with a conversational tool that gives us the ability to create experiences which make certain tasks easier and more convenient for the user, but it allows us to create applications that can be easily accessible for a wide range of users with different… Continue reading
Widgets: Image
The Image widget allows us to display an image within our user interface via a number of different means. This is done via the use of several different constructors, we can do this by using: Image() — Used to load an image from an ImageProvider. Here we simply provide an ImageProvider instance for the image parameter for… Continue reading
Widgets: Column
A Column is a widget used to display child widgets in a vertical manner. When children are placed within the Column then the widget will not allow scroll features to view all children — it will simply display the children that are visible within view. For example, if we wished to display three text widgets within a… Continue reading
Widgets: Row
A Row is a widget used to display child widgets in a horizontal manner. When children are placed within the Row then the widget will not allow scroll features to view all children — it will simply display the children that are visible within view. For example, if we wished to display three text widgets within a… Continue reading
Widgets: Container
The Container widget is used to contain child widgets whilst also providing the ability to apply some basic styling properties on itself to be applied when laid out on screen. If the container has no children then it will automatically fill the given area on the screen (dependant on constraints), otherwise it will wrap… Continue reading
Understanding layouts in Flutter
When building layouts for our Flutter applications, it’s important to understand how the framework handles the creation of these layouts. Within Flutter, the visual components that you declare are widgets, as well as the layout elements also.The Flutter Framework builds its layout via the composition of widgets, everything that you construct programatically is a widget… Continue reading