In the last post we outlined the foundations for how our kotlin multiplatform project is going to be structured. With this in mind, we’re going to start building the next part of our project – here we’ll start with the remote layer of our application. You may recall seeing how we had each API responsibility separated into an individual module – whilst this may not suit...
Since the introduction of the Navigation Component on Android, navigating the different parts of our application has become much more pleasant to implement. We’ve been able to better decouple navigation logic from our activities and fragments, along with being able to test these paths with more ease. However, the Navigation Component has only ever allowed us to achieve these things with...
The floating action button is an important component in mobile applications – allowing us to showcase primary actions for our users to carry out. Within Jetpack Compose we can create Floating Action Buttons in a variety of ways, with the approaches giving us greater flexibility than how we would currently create FABs within XML layouts. When it comes to the Floating Action Button, there are...
That time of the year has come, a new Android version is on the horizon! As announced in a blog post earlier this week, the first developer preview of Android 11 is now available – along with details on some of the changes that are happening. With this announcement come some changes to how the system operates when it comes to permissions and how this will affect applications – I...
In the last post we took a look at the Top App Bar component within Jetpack Compose. Here we learnt how to create toolbar-like components to hold the title and menu options for screens in our applications. Because we created the navigationIcon for our top app bar within that article, it feels natural to now take a look at creating the navigation drawer itself using Jetpack Compose. Note: There is...
In many screens of our applications it’s likely that we’re making use of a Toolbar / AppBar within our Android applications. When it comes to building apps with Jetpack Compose, we’re going to want to recreate this component. In this article we’re going to take a look at the Top App Bar component which allows us to do so. There is a supporting video for this blog post if...
So your apps just implemented a shiny new dark theme and it’s looking 👌 And if you haven’t yet, maybe it’s in the pipeline for you to work on sometime in the future! There are lots of benefits to having a dark theme in your application, and having it consistent throughout your application allows for a great user experience. But what happens when the the user runs into a WebView...
Over the past few months I’ve been seeing more and more talk of Kotlin multiplatform online. With this rise in conversations on the topic, I naturally became more and more curious about the technology. I recently started planning out one of my next side-projects, Minimise – the app to help us think more about the purchases we are making and rediscover things that we already own. I...
In the last article we looked at both the Row and Column layouts, along with how they can be used when constructing our user interface. Alongside these Row and Column components we also have the FlexRow and FlexColumn components – which are both very similar. With the FlexRow and FlexColumn we have addition of declaring child component weights to depict how they are to be laid out inside of...
I have split out the row and column into separate and more in-depth articles. You can read about the Column here. Within Android Studio 4.0 Canary 1 we can start exploring Jetpack compose, a new way to build the UI for your android applications in a declarative manner. To get started with jetpack compose, there is a great tutorial on the official developer site. In this series of articles I want...