Vrajendra BhavsarinMindful Engineering·Jul 14Creating interactive UIs with Motion Layout using Jetpack ComposeAfter going through this blog you’ll achieve this kind of polished animation using MotionLayout:Motionlayout15 min readMotionlayout15 min read
ElyeinMobile App Development Publication·Sep 27, 2020Member-onlyAndroid Image StartCrop and EndCrop ScalingComplete the possible default scaling type possibly need — If you have learned all the possible ScaleType available on image provided by Android (as per the blog below), you might realize there’s are possible scaletypes it doesn’t have. Android ImageView ScaleType Fully Illustrated Clear all confusion of Android Image ScaleTypemedium.com It has CenterCrop scaling, where one can scale the image to fit to ensure all the views are filled with image…Android App Development3 min readAndroid App Development3 min read
Daniel Atitienei·Mar 28Member-onlyTesting Kotlin Flows in Android using TurbineIn this article, we will explore some tips and techniques for testing Kotlin Flows in Android apps, helping you write more reliable and robust code. Why is this important? Testing is an essential part of software development, and it becomes even more critical when working with asynchronous code like Flows. Setup Go ahead to :app/build.gradle…Android App Development3 min readAndroid App Development3 min read
Alejandro ZurcherinBootcamp·Jun 14Member-onlyCreating a Unique UI using Jetpack ComposeIntro From time to time, our team’s designer comes up with a brilliant idea for the mobile app we’re working on. But then, horror strikes: it’s not based on a native component that we can easily find in the Material Design Guidelines or the iOS Human Interface Design Guidelines. It’s fresh…Compose8 min readCompose8 min read
Oussama Cherfaoui·May 31Getting User Location in Android AppHow to easily and efficiently implement a location service into your android app. — Learn how to implement location service into your android app using Kotlin and the Fused Location Provider API. This article will guide you through the process of retrieving the user’s current location and handling common errors that may occur. …Jetpack Compose3 min readJetpack Compose3 min read
Daniel Atitienei·Feb 5Compose Destinations — An effortless way to navigate in Jetpack ComposeWhat is this? Compose Destinations, created by Rafael Costa, is an intuitive navigation library for Jetpack Compose that makes navigation easier. Setup Open the :app/build.gradle and follow the next steps. 1. Add the KSP plugin plugins { // Depends on your kotlin version id 'com.google.devtools.ksp' version '1.8.0-1.0.8' } 2. Add the dependencies Check the versions here dependencies { implementation 'io.github.raamcosta.compose-destinations:core:<version>'…Jetpack Compose3 min readJetpack Compose3 min read
Youssef Hachicha·Jun 17Increase the Performance in Jetpack Compose Part 4Unnecessary recomposition is a huge deal when it comes to increasing performance in our app, so today we are going to look at an example of how you can read your state and how doing it wrong will affect your app performance let’s take a look at this example: @Composable fun…Kotlin2 min readKotlin2 min read
Faysal Hossain·Mar 31Top 5 Android Studio Plugins for Jetpack Compose to Boost Your ProductivityAndroid Studio plugins? Android Studio plugins are software components that can be installed into the Android Studio Integrated Development Environment (IDE) to extend its functionality and provide additional features. These plugins can help developers automate tasks, improve code quality, optimize performance, and enhance productivity when working on Android app development projects. There are…Android App Development3 min readAndroid App Development3 min read
Oussama Cherfaoui·May 24Runtime Permissions In Jetpack ComposeHow to properly handle android runtime permissions in jetpack compose — Asking your users for necessary permissions is an important part of developing any Android app. In this article, we will explore how to handle requesting runtime permissions in an Android app using Jetpack Compose. We will create a user-friendly approach to requesting permissions and handling the user interactions as you…Jetpack Compose4 min readJetpack Compose4 min read
M S Lalith·Jun 7Build a custom Staggered Flow Layout with Jetpack ComposeIntroduction Jetpack Compose is a modern toolkit for building native Android user interfaces using Kotlin. It provides a declarative approach to UI development, allowing developers to build UI components as functions. In this article, we will learn how to build below UI with Jetpack Compose. Let’s call it StaggeredFlowRow. …Jetpack Compose6 min readJetpack Compose6 min read
Ban Markovic·Jan 3Jetpack Compose clear back stack, popUpTo/popBackStack inclusive explainedBuilding the navigation for our Android app that is built with Jetpack Compose requires usage of navigation-compose library that is provided by Android team. In order to master closing the screens and tracking our back stack state, it is important to understand the stack data structure that is used for…Android App Development5 min readAndroid App Development5 min read
Ji SungbininBetter Programming·Jul 8, 2022How to Get Activity From Jetpack ComposeSafely get current Activity in Composable — When working with Compose, there are often times when you need to get an Activity. For example, I need an Activity to call finish() in a situation where the screen needs to close when a button is pressed. However, there is currently no built-in method for directly getting an Activity…Android3 min readAndroid3 min read
sinasamaki·Jan 10Made in Compose — Dynamic IslandRecreating the dynamic island animation from the new iPhone 14 Pro in Jetpack Compose. Welcome to my Made in Compose series where I attempt recreating UI and animations in Jetpack Compose and share my process. In this post, I will be recreating the dynamic island animation from the new iPhone 14 Pros. I hate to give it to them but Apple did a good job…Android7 min readAndroid7 min read
SaqibinJetpack Composers·Mar 21Member-onlyTabs in Jetpack Compose using Official APIThis story will show how to create Tab layout in Jetpack Compose using Official Compose Foundation Dependency. I have written another story about ViewPager in Jetpack Compose using Official API. You can read it there. Tabs are a very common design to organize information in different sections. We already are…Jetpack Compose3 min readJetpack Compose3 min read
Enrico Mazzucchelli·Sep 19, 2022Jetpack Compose: a new hopeIn the last 2 years, one of the most interesting project under Jetpack is Jetpack Compose. A way not really new to watch the UI (an example could be the React functional component approach), but absolutely new in the Android world. In the early versions, the project didn’t appear as…Jetpack Compose3 min readJetpack Compose3 min read
Stefan M.·Nov 25, 2022Jetpack Compose: remember, mutableStateOf, derivedStateOf and rememberSaveable explainedIf you have a composable function you might stumble over the following block of code. You might have even written it by yourself: val stringState = remember { mutableStateOf("") } Because I sometimes got confused about this “simple” line of code, I took some time to finally understand what it…Android6 min readAndroid6 min read
Csmworks·Oct 27, 2022Jetpack Compose introductionJetpack Compose is a modern toolkit for building native Android UI. Jetpack Compose simplifies and accelerates UI development on Android with less code, powerful tools, and intuitive Kotlin APIs. Jetpack Compose UI pattern: Declarative UI : • Jetpack Compose uses Declarative UI pattern • This pattern is an emerging trend…Jetpack Compose3 min readJetpack Compose3 min read
Nav SinghinProAndroidDev·Dec 22, 2022Testing State restoration - ComposeI have recently started adding UI tests for all the Composables in one of my side projects. So I have the following composable, which uses rememberSaveable to survive configuration changes. @Composable fun UserNameComposable() { var name by rememberSaveable() { mutableStateOf("Nav Singh")…Android App Development3 min readAndroid App Development3 min read
Dharmesh BasapatiinJetpack Composers·Sep 6, 2022Member-onlyJetpack Compose Cheat Sheet: Part OneEverything you need to know about each component used in Jetpack Compose composed in a series of useful cheat sheet. — If you are an Android Developer, you must have heard of Jetpack Compose or have taken a glimpse of it through Google I/O or social media handles or from your well-wishers. But whatever the source is, you should be knowing that it might be or it can be the future…Jetpack Compose4 min readJetpack Compose4 min read
Chris ArriolainAndroid Developers·Jul 22, 2022Jetpack Compose Interop: Using Compose in a RecyclerViewTL;DR RecyclerView 1.3.0-alpha02 and Compose UI 1.2.0-beta02 bring out-of-the-box performant usage of composables from RecyclerView — no extra code required! If you had previously implemented our guidance for Compose in RecyclerView, you should now remove this code. Introducing Compose incrementally in your codebase means that you can end up in…Jetpack Compose Migration8 min readJetpack Compose Migration8 min read
