Demonstrating implementations features, use cases in android app. Categories such as WebKit, Navigation component, RecyclerView, Material Design Components, Menus, Fragments etc.
Implementing modal bottom sheet has never been easier in Android with Compose. But it is made easier with ModalBottomSheetLayout along multiple options like
adding an anchor, styling your sheet, allows you to add modal sheet with your own customization at utmost convenience.
Animate shapes in android with jetpack compose. Article demonstrates use case and sample animations covering shapes, launched effect, repeatable, infinite and finite animation, remember infinite transition, animate color changes, animate float between initial and target values.
Build android app with compose which follows guide to app architecture principles. Implement UI and Data layer built with ViewModels, Coroutines, States.
Build fully search functional screens with composables in android using TextField, State, ViewModel and LiveData. theming, customizing and validading the TextField to perform search and display relevant results to user in list.
Custom shape animations in android with jetpack compose. Animate circle and line on canvas to form custom shape animation. Create pulsating circles with animatable properties with launched effect, repeatable and finite animation, remember infinite transition, animate float between initial and target values.
Learn how to create hourglass animation with drawing on canvas in android with jetpack compose. Scale shape and color of animateable object drawn on canvas based on duration with initial and target values.
When developing any mobile app, it is very important that we think about how the user will move through our app. One of the best ways to help users navigate through an app is to include a Bottom Navigation Bar. Let’s see how we can implement one in Jetpack Compose!
Learn how to implement drag to reorder feature in Jetpack Compose. And spice things up in the end to make it more intuitive.
Learn how to build a simple navigation flow between list and detail composable destinations using jetpack compose in android.
Build a simple app which shows cats using NavHost, NavController, NavArguments.
Want to get a taste of gestures in Compose? Check this article, and build a spectacular animation when an item is swiped away.
Learn Compose animations with a walk-through project. Using LaunchedEffect and Animateable, we create a few consecutive animations to produce a smooth experience while adding an item to a list.
Even with just rows and columns, you can create intuitive user interfaces in Jetpack Compose. Create basics layouts Rows and Columns using Jetpack Compose in Android. Chaining and aligning the elements in layouts.
This article covers everything about implementing menus in android. Show popup menu’s, popup list menu’s, nesting menu items, context menu’s, drop down menu’s and setting menu item click listeners for all types.
Snackbar is a lightweight-widget that we can use as an alternative to Toast. Snackbar is used to show messages to user at bottom of app screen with swiping enabled also contains an optional action button to perform user actions.
WebView is an extended class of Android’s View class. It allows us to display webpages in an application. Android WebView is a component that turns an application into a web application. It makes use of WebKit engine which implements a responsive design and loads pages from URL.
This article helps you to implement swipe between fragments with TabLayout and ViewPager2. We have a simple application demo that helps you on getting started with implementing swipe.
FloatingActionButton is an icon floating above the User Interface. It triggers primary actions such as transitions on the screen. This article covers the implementation of regular FloatingActionButton and Expandable FloatingActionButton in Kotlin.
Implementing Material Design BottomNavigationView is pretty simple which allows users to Navigate to multiple screens by simply clicking on the bottom icons. This article covers implementing along with navigation controller.
Build a custom search interface with EditText and perform search in RecyclerView elements. Get user query with voice capabilities text-to-speech or by typing. Easy to implement, learn with example demonstration and source code.
With Cloud Firestore using collections and documents show data in RecyclerView. Implement feature with detailed demonstration in this article.
Status bar shows notifications and system icons. Learn how to change status bar behavior such as visibility in android with kotlin and java in activity or fragment.
ViewPager2 comes with major improvements from ViewPager which enables swipe views with RecyclerView, vertical swipe, orientation, right-to-left support, Modifiable fragment collection, PageTransformations, swipe between fragments with TabLayout, DiffUtils etc. Let’s understand with an example implementation.
Learn how to implement SharedElementTransition between destinations using NavigationComponent in an android application. Perform move transition between views with an example i have shown.
Merge mutiple adapters with single RecyclerView using ConcatAdapter. Check this article to learn more with example i have implemented also find this project in Github.
Navigation is part of Android Jetpack which handles everything needed for an app navigation. With SafeArgs, NavArgs and place to visualize all app destinations at one place. Learn with example I have created in this article.
Easy to implement and whole app navigation at one place, with visual code editor which connects different destinations using actions. Learn how to implement SafeArgs with this article. Also check the my example available in Github.
Pass data between destinations using Safe Args along with ViewModel, LiveData with this simple android app. Navigation is part of Android Architecture Components which helps to visualize and build an app which navigates properly between different destinations.