Many apps use the payment gateway features but the integration of this payment gateway is a difficult task in Android applications. So to make this task simple and easy Razorpay have provided a service with the help of this we can integrate the pay…
In this article, we will look at drawing Polyline on Google Maps in Android using Jetpack Compose. Google Maps is used in many Android applications. While using Google Maps there are many modifications that you will get to see while using Maps in th…
In this article we will learn How to place a marker on center of the screen on Jetpack compose map. Place marker on center of the screen on compose map android same as like in uber and ola apps. When moving or scrolling a google map marker should no…
In this article, we will take a look at How to use a custom icon as a marker & Custom info window on map marker clicks in Android using Jetpack Compose. Customizing a marker's info window You can customize a marker's info window conten…
In this article, we will take a look at How to use a custom icon as a marker on google maps in our android application. Many android applications use maps to display the location. We can get to see they use custom marker icons like a delivery boy im…
In this article, we will take a look at the implementation of properties & different types of Google Maps in Android using Jetpack Compose. When we use the default application of Google Maps we will get to see different types of Maps present ins…
In this article we will learn Integrate Google Map 's markers Into the Jetpack Compose App | Maps Compose Library What if we want to mark places, for example, nearest gas stations, hotels, or whatever you need? Library got us covered. We can us…
The Maps Compose library for the Maps SDK for Android is a set of open-source composable functions and data types that you can use with Jetpack Compose to build your app. In this article we will learn Integrate Google Maps Into the Jetpack Compos…
When your users keep your app up to date on their devices, they can try new features and benefit from performance improvements and bug fixes. In this article, we will learn how to implement In-App Updates in Android using Kotlin. In-app updates is a…
Empty State Mobile UIX Jetpack Compose for android developer included of 20+ Great mobile screens that can help you save time and energy in designing your next app. All screens and elements are fully customizable, well-organized and come in Jetpack …
Material 3 Guidelines 2025 Components are interactive building blocks for creating a user interface. They can be organized into categories based on their purpose: Action, containment, communication, navigation, selection, and text …
Android Bottom Sheet is a component that slides up from the bottom to up in an application. For example , when you have a video to share and you click on the Share button, it will open a one slider from bottom, which contains available apps in your…
Navigational transitions occur when users move between screens, such as from a home screen to a detail screen. Navigation transitions use motion to guide users between two screens in your app. They help users orient themselves by expressing your app…
Good visual design is essential for a successful app, and color schemes are a primary component of design. The palette library is a support library that extracts prominent colors from images to help you create visually engaging apps.
Implementing a Settings screen in your application is the best way to provide a better user experience by giving users various options to use the application according to the way they want. For ex , your application can let the user select the tone…
In this post we will create Android TabLayout OnBoarding UI with ViewPager2. This OnBoarding UI library contains viewpager2 with fragment. This OnBoarding screens UI involved the Android Navigation Component, Android ViewPager2 and Fragment ViewPa…
We are going to learn that how we can Customize the animation using PageTransformer to Onboarding Screen to our android app using kotlin, so that we can provide a better user experience to the user of the application. Overview: Customize the animat…
Here is the demo of the onboarding screen which we are going to create in this article. We are going to learn that how we can add Onboarding Screen to our android application in the android studio so that we can provide a better user experience to …
Let us build better apps faster & beautiful with Jetpack Compose. Jetpack Compose course for Android with Kotlin Modern Android apps with Jetpack Compose and integrations: Basic, MVVM, Coroutines, ViewModel, LiveData, Retrofit, Navigation, UI U…
In this tutorial, we are going to learn about the MVVM architecture in Android, and then we will build a project with MVVM design pattern. This tutorial is for android app developer who want to get started with the MVVM architecture. Let's get s…
Dark Theme Night Mode implementation programmatically Android App Development Tutorial for beginners Dark Mode is an example of optimization of User Experience as well as the Battery. It can be implemented on any application a developer desires.
Shortcuts deliver specific types of content to your users by helping them quickly access parts of your app. Android 7.1 introduced a new feature called App Shortcuts. When you long press your app icon, it shows shortcuts to specific actions which …
Adobe XD : App UI UX design | Free App UI UX templates You can use it for designing social network apps, dashboard & stats apps, media & news apps (blogs, videos, galleries...), e-commerce apps, booking apps, and much more.
In this Jetpack compose tutorial we will learn How to create bottom sheet dialog in Android application using Jetpack Compose. Bottom sheet is an area containing additional content that are anchored to the bottom of the screen. Scaffold basically p…
Bottom Navigation Bar in Android Jetpack Compose In this article, we will learn how to add bottom navigation in Jetpack Compose. Below is a sample of how it will look.
Permission requests should be simple, transparent, and understandable. Pay attention to permissions Build trust with your users by being transparent and providing users control over how they experience your app. UI for prominent disclosure when requ…
How to create a Custom Dialog box in android? - Android Material UI/UX Let us create a Custom Dialog box in Android using a View binding. Use this syntax for a 100% crash-free custom dialog solution & create your own customized dialog box. No 3r…
No Internet & Error Screen: When the app doesn’t get any internet connection, you can show error message on app screen “no internet connection” or any type of error message related to the problem. This example demonstrates how do I load No inter…
Error Screen: When the web page is not available means, you can show error message on app screen “404 page not found” or any type of error message related to the problem, instead of showing broken web page like Webpage not available. This example de…
How do i display Loader while loading url - Jetpack compose In this jetpack compose tutorial series we will cover how to display loader screen while loading the webpage inside webview with jetpack compose. To handle the webpage loading status we wil…
A WebView that can block basic ads. Very Easy to setup for Android Projects. No 3rd party plugin is required. Android web view code is basically stop the ads and remove the html from it and render it again. Removes or Stop Ad in web view with Jetpac…
Jetpack Compose WebView Handling Back Navigation And Go To Previous Page The WebViewClient listens for onPageStarted which checks if the WebView can navigate backwards and then updates backEnabled. This causes a recomposition which toggles the Back…
We can also hide elements (html's id or class) from webview loading in android. So are going to hide some elements like menu or buttons from 3rd party websites while web view on loading. Hide elements from web view with Jetpack Compose in Androi…
When developing a web application that's designed specifically for the WebView in your Android app, you can create interfaces between your JavaScript code and client-side Android code. For example, your JavaScript code can call a method in your …
Should Override URL Loading : Public Boolean shoulderoverrideurloading (WebView, string Url) is a method defined in the WebViewClient class. We can override the logic in WebView when the return value is true, and call the system browser or third-pa…
We learn online webview to load a webpage/website from URL online. We can also load a webpage from the assets folder in jetpack compose webview. You can provide web-based content—such as HTML, JavaScript, and CSS—for your app to use that you static…
Handling an orientation change without reloading the page from source each time. To manually handle orientation changes in your app you must declare the "orientation", "screenSize", and "screenLayout" values in the andr…
JavaScript is disabled in a WebView by default. You can enable it through the WebSettings attached to your WebView.You can retrieve WebSettings with getSettings(), then enable JavaScript with setJavaScriptEnabled(). WebView With Jetpack Compose in A…
WebView With Jetpack Compose in Android Studio | Kotlin | Jetpack Compose | Android Tutorials In Android, a Compose WebView is an extension of View Class that allows us to display webpages. In simpler words, if you want to display a webpage in Activ…
Gradient Button | Shapes in Jetpack compose In this Jetpack compose tutorial, we will see how to create Gradient Buttons using Jetpack Compose. Jetpack Compose is a cutting-edge toolkit for creating native Android user interfaces. Create visu…