Android introduced Jetpack Compose, a new declarative UI toolkit for building native user interfaces. Jetpack Compose Basics 1- Composable Functions XML interfaces can be refactored using Compose, typically resulting in a more concise, streamlined codebase. Here’s a look at a simple composable function: This function is quick, idempotent, and devoid of side-effects. That…

Creating Audiobooks by aligning Audio with text One fun thing I did for my master’s dissertation was to align any Quranic Recitation with the quranic text. One way to generate an audio book is through force alignment using the Needleman-Wunsch algorithm. Force alignment is a technique used to align the…

Need to list items on an Android screen with scroll-based pagination? Here’s a quick guide. Lets (sc)roll…. Jetpack Compose is a modern framework for creating native UI with composable functions on Android. It makes Android UI development easier and faster. With less code, powerful tools, and intuitive Kotlin APIs, you…

Simplest way to use Lottie Files as a SwipeRefreshLayout

Flutter’s internationalisation is a solid approach to support localisation in the apps. However there is no easy way to extract strings from the dart codes into the arbs. The Flutter Intl plugin supports exporting strings using the IDE’s context menu but that is only available for single strings. …

In our daily lives, there is a great deal of buzz about data protection and security. We would never want our information to get into anyone else’s hands, especially someone with wrong intentions. I had a similar case where I had to store a lot of string content locally. So…

I was looking for a way to show a custom animated indicator instead of the default spinner SwipeRefreshLayout from AndroidX. So I utilised the animations from Lottie and created my own CustomSwipeRefreshLayout. LottieSwipeRefreshLayout is a a custom SwipeRefreshLayout that shows a Lottie View on top instead. The main idea was…

We say, In Flutter, everything is a widget. The Widget tree is a structure that represents how our widgets are organized. So I wanted to display my widgets in a tree layout and alas! I dont see any TreeView in flutter. So I took the daunting task to build one…

Consider this User Story: Your user is reading a posts in a long list of posts. You want to ensure that the user’s position is saved when he gets back. And he can return to that position when he returns. I will share the ways we can do this features. Old Aproach: Using ScrollController and ScrollNotification …