In an app I’m working on I needed to allow the user to input some data before sending it off to a server. This is quite a common task for applications to implement, so in this post lets take a look at how we can do this in our Flutter apps. When it comes to… Continue reading
Posts Tagged → Mobile App Development
Bottom sheets in Flutter
Bottom sheets are views which we can display at the bottom of the screen to display content to the user — this may be to prompt further interaction or display some form of other content to the user. These are always anchored at the bottom of the screen and be easily hidden from view by the user…. Continue reading
Stateful or Stateless widgets?
When building Flutter applications we use widgets to construct our User Interface. When it comes to these widgets there is one of two types which it can be — either stateful or stateless. In this post I want to take a look at these different types of widgets so that we can get a better understanding of… Continue reading
Introducing the FlutterDoc publication
Flutter is a UI framework from Google that can be used to build native experiences that works across popular platforms. When I first discovered Flutter last year I decided to take a bit of a look into it. Now, to be honest, I’ve always been skeptical of frameworks that off cross-platform support —unfortunately I feel… Continue reading
Animating App Bars in Flutter
Several months ago I played around with animating app bars in Flutter using the SliverAppBar Widget — this is a really great way of adding a nice touch to your flutter screens that are making use of the AppBar widget. For that reason, I thought I’d put together this post in the hope it will help you… Continue reading
Insetting FABs within the BottomAppBar
On Android we recently saw the introduction and use of the Bottom App Bar which also allows you to add a ‘notch’ when a floating action button component is to be inset into the view. I quite like the look of this component and wanted to make use of it within a Flutter side-project I’m… Continue reading
Exploring Android P: Display Cutouts
A few days ago the first developer preview of Android P was made available to us. Along with this announcement we were introduced to a number of new features and APIs made available to us in this release of Android. Whilst it is still early days (and there are likely new things / changes to… Continue reading
Widgets: Hero
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
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
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