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
Creating your first .dart class
Our first .dart class is going to be pretty simple for example sake. We’re going to run our app and show some simple text on the screen. You’ll notice that the screenshot on the left here displays a simple app that is just showing us some sample text in the center of the screen. Reaching… Continue reading
Creating a Flutter project
In order to create a new Flutter project, you’ll want to begin by opening up IntelliJ IDEA. Creating a new project To create a new project we will need to select File from the menu and hit ‘New Project’. At this point, we will be presented with the new project dialog. At this point you will… Continue reading
Getting setup with Flutter
In order to begin creating mobile apps using Flutter, we need to get setup on our development system. Download the Flutter SDK You can get started by downloading the Flutter SDK from this site. If you’re running a mac, this is simply a case of cloning the repo for Flutter: $ git clone -b alpha https://github.com/flutter/flutter.git… Continue reading