CategoryAndroid

Exploring Jetpack Compose: TriStateCheckbox

E

If you’re enjoying my posts on Jetpack Compose, check out some details on the book I’ll be writing on Compose! Checkboxes are crucial components when it comes to common areas of our applications. Be it settings screens, forms or any kind of content that needs to allow the user to toggle the checked state of the component – the Checkbox is essential in these scenarios. Alongside the standard...

Exploring Jetpack Compose: Checkbox

E

If you’re enjoying my posts on Jetpack Compose, check out some details on the book I’ll be writing on Compose! Checkboxes are crucial components when it comes to common areas of our applications. Be it settings screens, forms or any kind of content that needs to allow the user to toggle the checked state of the component – the Checkbox is essential in these scenarios. When it...

Building an App with Kotlin Multiplatform: Building our Authentication module

B

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...

Exploring Dynamic Feature Navigation on Android

E

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...

Exploring Jetpack Compose: Floating Action Button

E

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...

Exploring Jetpack Compose: Modal Drawer Layout

E

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...

Exploring Jetpack Compose: TopAppBar

E

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...

Enabling dark theme in Android WebViews

E

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...

Building an App with Kotlin Multiplatform: Structuring our app

B

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...

Exploring Jetpack Compose: FlexColumn & FlexRow

E

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...