Fancy Progress Indicators in Flutter🎯 — without Custom Paint

Let’s Write some Code Now! 👩‍💻

  1. shaderCallback
  2. child
  1. startAngle — Angle in Radians where the Gradient Should Start
  2. endAngle — Angle in Radians where the Gradient should End
  3. alignment
  4. colors — List of colors for Gradient from start to end angle.
  5. stops — List of stops for each color in the List of “colors”
Using Radial Scale Image
Using Circular dots Image

Voilà!!😎

--

--

--

Mobile Application and Web Developer | @Youtube Content Creator | Worship #reactjs #flutter #java #dart | youtube.com/retroportalstudio

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Jetpack Compose: Scrollable Components

Description of Jetpack Compose

Android Studio Emulator

Firebase Cloud Messaging

Unusual ways of using Android accessibility services

Design the Base Components in Android With a Clean Architecture

Laptop on table

Simple Way to View Images from URL on Android thanks to Picasso

Why and How to Use Kotlin’s Native Serialization Library

Suspending Lambdas in Kotlin

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Paras Jain

Paras Jain

Mobile Application and Web Developer | @Youtube Content Creator | Worship #reactjs #flutter #java #dart | youtube.com/retroportalstudio

More from Medium

[Solved] The argument type ‘Null Function(DataSnapshot)’ can’t be assigned to the parameter type…

What's new in Flutter 3?🤩

Into the world of Flutter Festival

Flutter Bloc for beginners: building a countdown timer using flutter bloc (part 1)