I was interested in creating something similar to https://docs.flutter.dev/cookbook/effects/photo-filter-carousel especially the bottom carousel part. I initially thought of using a Horizontal ViewPager. Using view pager was ok. In case some one is interested in horizontal pager. @OptIn(ExperimentalPagerApi::class) @Composable fun PagerDemo(modifier: Modifier = Modifier) { BoxWithConstraints(modifier = Modifier.fillMaxWidth()) {…

What are easing functions? Easing functions specify the rate of change of a parameter over time. The parameters are x and y in graph x going from 0 to 1 (0% to 100%) and similarly y. x denotes the time and y denotes the progress. Now in compose there is…

If you have worked with material design and you wanted to change the thumb for some reason it was hard to do it. We mostly used third party libs which would help us customize the slider. https://github.com/material-components/material-components-android/issues/935 So in compose its easier to change the underlying code by coping the…

Cotinuing from part-1 https://raghunandan2005.medium.com/writing-custom-components-in-compose-part1-multi-color-progress-bar-2a7343960e16 Now i need to animate the progress colors. First i need to animate the green color progress and then yellow and so on. That means i need to run the animation sequentially. val greenAnimate = remember { Animatable(0f) } The above remembers the state intially to…

Customizing ui to please ui designers is always hard. Today i am gonna show you how to write a custom progress bar with multi color. Lets Start with creating a compose function I have added the height as 16.dp ( This was our designer’s idea). Now lets calculate the…

Livedata is a observable data holder. ViewModel survices configuration change. Sometimes you wonder why you are fetching data from network twice and your livedata observer is triggered again. Read further. Suppose you use navigation architecture component and move from Fragment A to Fragment B. In Fragment A you are observing…

I recently started to learn koltin coroutines. I followed this excellent blog post on koltin coroutines by Dmytro Danlyk https://proandroiddev.com/android-coroutine-recipes-33467a4302e9 while starting with kotlin coroutines. The official wiki page is available on github https://github.com/Kotlin/kotlinx.coroutines/blob/master/coroutines-guide.md I had a sample where i used RxJava instead of kotlin cotoutines and i recently came…

I recently had a job to review a chat application. We agreed upon some time and the amount for the job. We signed an NDA ( Non Disclosure Agreement) and then i started with my review. The chat application was developed with smack. They had also used Realm. I had…

I started learning kotlin recently. Read many blog posts and saw videos but the best way to learn is try it yourself. Koltin is inter-operable with java so its great. My first step was to convert the sample codes i had to Kotlin using the converter tool on Android Studio…