How to build MaterialContainerTransform transition and resolve a problem come with it — Introduction Material design is all about creating a ubiquitous and intuitive user experience. The Material motion system for Android is a set of transition patterns that can help users understand and navigate an app. The four main Material transition patterns are as follows: Container Transform. Shared Axis. Fade Through.

From Dribbble design to real code — Introduction It’s easy to feel lonely when you’ve been told to work from home without a choice. So am I! 🥱 After getting increasingly bored, I start browsing on Dribbble to get some inspiration. I find myself staring at this design when I suddenly realize how much more I like it. …

Elevate Your SwiftUI Views with Custom Modifiers — Introduction In SwiftUI, view modifiers play a crucial role in customizing the appearance and behavior of views. While SwiftUI provides a wide range of built-in modifiers, there are times when you need to create your own custom modifiers to encapsulate specific view modifications and make them reusable across your app. In…

Exploring the Differences and Use Cases — Introduction In Swift, abstraction is a powerful concept that allows us to build flexible and reusable code. Two important features that contribute to abstraction in Swift are the some keyword and protocols. Although they serve a similar purpose of abstraction, they have distinct characteristics and use cases. …

Unleashing the Power of Type Abstraction and Type Erasure — Introduction In SwiftUI, the some keyword plays a crucial role in providing powerful abstraction and type erasure capabilities. It allows us to create flexible and reusable views, functions, and properties without explicitly specifying their concrete types. …

Learn how to use the different imeAction values in Jetpack Compose’s KeyboardOptions — Introduction Jetpack Compose provides us with various tools and utilities to create dynamic and interactive user interfaces. One of the essential tools for creating text input fields is the KeyboardOptions class. It provides us with many options to customize the keyboard behavior for a specific text field. One of the options…

Learn about the KeyboardOptions component in Jetpack Compose and how to use its various keyboardType options. — Introduction Jetpack Compose is a modern UI toolkit for building native Android apps. One of its components is TextField, which allows users to enter text into an app. TextField uses the KeyboardOptions component to configure the keyboard that appears when the user taps on the text field.

Understanding Regular Expressions with Easy-to-Follow Examples in Kotlin — Introduction Imagine you have a toy box with lots of toys in it. You want to find all the red cars in the toy box. You could go through each toy one by one until you find a red car, but that would take a long time. A regular expression is…

A deep dive into the power of rememberCoroutineScope for managing coroutines in Jetpack Compose. — Introduction Jetpack Compose is a modern toolkit for building native Android UIs using Kotlin. It introduces a new way of managing state and side effects in your UI components. One of the most important things when using Jetpack Compose is to have a good understanding of coroutines and how to manage…