flutter_rating_bar (Package of the Week)

[MUSIC PLAYING] SPEAKER: If you've ever had to implement a rating bar from scratch, it can take a bit of effort. Next time, check out Flutter_Rating_Bar, a package that provides a ready-to-use rating bar. Start by initializing the rating bar, give it a minimum, maximum, and an optional initial rating. You can enable half ratings with allowHalfRating and finally provide an onRatingUpdate callback that would be triggered when the rating bar is updated with a new value. You can specify whatever rating indicators you'd like with the Ratings Widget property. Whether it's hearts, stars, horseshoes, clovers, or blue moons, as long as they're widgets, you're good to go. Now your users can touch and drag the bar to specify a rating. Keep in mind, the rating bar will default to showing five indicators. So if your max rating is greater than 5, make sure to adjust the item count accordingly. Tweak the indicator padding and size to get the rating bar looking exactly the way you want it. By default, the rating bar is horizontally oriented. But if a vertical rating bar is more your vibe, then try out the Direction property. Out of the box, the rating bar also comes with a glow effect that you can customize or disable entirely. If you want onRatingUpdate to be called while the user is dragging the bar, set the Update on Drag Boolean to True. On the flip side, you can disable dragging input by setting Tap Only Mode to True. And finally, if you need to disable Gesture Input entirely, toggle the ignoreGestures property. For more info on Flutter_Rating_Bar and all the other five star packages, head to pub.dev. [MUSIC PLAYING]

Channel: Flutter

Views: 62,310

Keywords: flutter_rating_bar, what is flutter_rating_bar, how to use flutter_rating_bar, intro to flutter_rating_bar, flutter_rating_bar tutorial, flutter_rating_bar package, introduction to flutter_rating_bar, flutter package of the week, flutter example, build an app, app building, coding an app, Flutter, widget of the week, google developers, flutter 101, get started with flutter, flutter apps, flutter widgets, build apps with flutter, flutter widget, flutter package, Khanh Nguyen

Id: VdkRy3yZiPo

Length: 1min 45sec (105 seconds)

Published: Thu Aug 18 2022

Reddit Comments

[u/ankmahato]

A full list of packages that can help you with rating (along with accepting app store/play store rating) and reviews/feedback can be found here - https://fluttergems.dev/feedback/

[u/kraneq]

bruh i created my own for my app, but to say "i" created is kind of a stretch since copilot handled it

but yea sure ill throw my work out the window for this flutter dev approved version