Feedback using flutter?

Maanaav
Frontend Weekly
Published in
Apr 16, 2021

Want a newfangled feedback UI for your app? Don’t worry, I have been searching the internet for same.

Screenshot of UI

Found some really cool designs on dribbble and in this article I am going to be sharing how I made it.

Lets create a container first

Creating the input container:

Now, there will be 3 positioned widgets in an expanded stack.

1st positioned widget for slider
2nd positioned widget for image
3rd positioned widget for text ‘Your review’

So far looking good? Now a final step of making raised buttons

And yeah, don’t forget to make a dart file for global variables

My final code:

Final code

Make sure to check out sleek circular slider here: https://pub.dev/packages/sleek_circular_slider

You can download your emoji here: https://www.freepik.com/search?dates=any&format=search&page=1&query=Emoji&sort=popular

Thank you 🙂

--

--