In the last post, we took a look into the new Loading Indicator in the Material 3 expressive package. As we continue to dive into different parts of Material 3 we’ll discover more components that we can plug into our apps. Up next we have the LargeTopAppBar – this composable brings dynamic, scroll-responsive navigation to… Continue reading
Posts Tagged → Material Design
Migrating to the Compose PullToRefreshBox
Pull to Refresh is a common pattern we find across mobile apps – it allows our users to refresh the content of screen in a single swipe. Jetpack Compose has provided support for this for some time, through the pullRefresh modifier. In your code, this would look something like the following: While this was great… Continue reading
Jetpack Compose and Nested Scrolling Interoperability
As we migrate our apps to Jetpack Compose, we need to ensure that all existing functionality remains intact. This means that not only the way our UI looks, but the way that it behaves when users interact with it. When recently migrating part of an app to Jetpack Compose, I experienced a broken coordinator layout… Continue reading
Material Components for Android TV using Jetpack Compose
For the past few years, we’ve been getting to grips with Jetpack Compose and how we can use it to build apps for Handheld and Wear OS devices. Late last year, Composables built for Android TV apps started to surface as Alpha releases and in this series of blog posts, I want to dive into… Continue reading
Exploring Jetpack Compose for Android TV: Carousel
For the past few years, we’ve been getting to grips with Jetpack Compose and how we can use it to build apps for Handheld and Wear OS devices. Late last year, Composables built for Android TV apps started to surface as Alpha releases and in this series of blog posts, I want to dive into… Continue reading
Exploring the Material Navigation Rail
There was a lot of exciting news announced at Google I/O this week – one of the things I had been looking forward to was hearing about large screen experiences. While these devices and design principles have existed side-by-side for some time, it’s always felt like support for developers has never quite fully been accessible…. Continue reading
Implementing text input in Flutter apps
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
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
Exploring the v28 Android Design Support Library Additions
Version 28 of the Android support library was recently announced — within the current alpha version there is a collection of exciting new components that we now have access to. In this article, I want to take a look at the additions which have been made to the Support library in the form of Material view components…. Continue reading
Exploring the Android Design Support Library: Bottom Navigation View
It’s been a while since I wrote about the Android Design Support Library and I was super excited to wake up this morning to discover that the Bottom Navigation View has been added to version 25 of the Design Support Library! The Bottom Navigation View has been in the material design guidelines for some time,… Continue reading