sinasamaki·Jan 10Member-onlyMade 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 21Tabs 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. …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
Ziv KesteninProAndroidDev·Jun 16, 2022Jetpack Compose bottom sheet over Android view using Kotlin extensionThis article will teach us how to build Kotlin extensions for Activity and fragment to display bottom sheets using Jetpack compose. The target One of the sleekest UI components out there is the Bottom sheet, a view that pops up from the bottom of the screen to display some information or represent…Jetpack Compose6 min readJetpack Compose6 min read
Alankrita ShahinProAndroidDev·Oct 23, 2022Jetpack Compose Basics — Part 1Recently I took part in Android Learn and Inspire Series and there I came across the Pathways the Google Relations team has developed to understand Jetpack Compose better. I went through them and here I am sharing my learnings of the Jetpack Compose Concepts. This is the first part of…Android3 min readAndroid3 min read
Shaik AhroninProAndroidDev·Oct 29, 2022Android Bluetooth Low Energy | Building Chat App with BLE and Jetpack ComposeFlow of the Article: What is BLE? Fundamentals of BLE. Building Chat App with BLE. What is BLE? BLE stands for Bluetooth Low Energy. Bluetooth can handle a lot of data but quickly consumes battery life. Bluetooth Low Energy is used for applications that do not need to exchange large amounts of data and can run on…Android5 min readAndroid5 min read
Sergei MikhailovskiiinProAndroidDev·Oct 9, 2022Advanced work with the Snackbar in the Jetpack ComposeIntroduction A few days ago I received the task — display the Snackbar in case of the API call is finished with the error, like InternalServiceError, BadGateway or NotFound. As I didn’t work with the Snackbar before in Jetpack Compose, I started to search the best practices of its implementation…Android3 min readAndroid3 min read
Dev Patel·Oct 12, 2022How to Make Android App Faster with Jetpack ComposeIn today’s blog, our DEV IT engineers will go over the basics of using Jetpack Compose during your android app development process. This will help you be more productive during development and complete projects faster than anticipated. Jetpack Compose in Android Jetpack compose is an excellent tool for building native android UIs. Along with…Andorid5 min readAndorid5 min read
James Shvarts·Jun 15, 2022Jetpack Compose: Beginner to AdvancedHello! I have not been posting much on Medium lately but I’ve busy learning and sharing what I learned at valueOf.io where I try to cover best practices, tips and tutorials for Android Development. In particular, I’ve been exploring and writing quite a bit about Jetpack Compose lately.Android App Development3 min readAndroid App Development3 min read
Shaik AhroninProAndroidDev·Oct 8, 2022Jetpack Compose for Wear OS | Building Weather AppFlow of the article: What is Jetpack Compose for Wear OS? Fundamentals of Wear OS. Building Weather App for wearables What is Jetpack Compose for Wear OS? Now, To Build applications for Wearable devices. we can now use jetpack compose. …Jetpack Compose3 min readJetpack Compose3 min read
Chris ArriolainAndroid Developers·Sep 30, 2022Compose ToolkitIn the previous MAD Skills Compose Basics article, you learned about the building blocks of UI in Compose: composable functions. Now, it’s time to learn about the powerful toolkit of UI components that ship with Compose enabling you to build rich UIs and interactions. If you’ve got any questions so…Compose7 min readCompose7 min read
Yanneck ReißinProAndroidDev·Oct 9, 2022How To Handle ViewModel One-Time Events In Jetpack ComposeAbout a new way to implement one-time events in Jetpack Compose using the Compose State Events Library — State and event handling is as essential as building the actual layout when implementing Android apps not only with Jetpack Compose but in general. In most apps, one will come to a point where we need to implement one-time or “one-off” events. Those events are actions that should get executed…Android App Development7 min readAndroid App Development7 min read
