Skip to content

Introduction to flutter packages: This repo will teach you some of the popular packages that are available in pub.dev, & how to use them for UI design.

License

Notifications You must be signed in to change notification settings

md-siam/package_of_the_day

Repository files navigation

           

Package of the Day

Introduction to flutter packages: This repo will teach you some of the popular packages that are available in pub.dev, & how to use them for fast application development.
Playlist URLs:
YouTube
YouTube: provider
YouTube: image_picker
YouTube: shimmer
YouTube: shared_preferences
YouTube: geolocator
YouTube: url_launcher
YouTube: webview_flutter
YouTube: video_player
YouTube: responsive_framework
YouTube: introduction_screen
YouTube: confetti
YouTube: connectivity_plus
YouTube: flutter_hooks
YouTube: flutter_slidable
YouTube: json_annotation
YouTube: file_picker
YouTube: share_plus
YouTube: cache_network_image
YouTube: flutter_local_notifications
YouTube: pixel_perfect

Packages List:

  1. Avatar Glow > StatelessWidget
  2. Google Fonts
  3. Liquid pull to Refresh > StatelessWidget > LiquidPullToRefresh > ListView
  4. Percent Indicator
  5. Carousel Slider > slideTransform: const CubeTransform() > CircularSlideIndicator
  6. Smooth Page Indicator > SmoothPageIndicator > (controller: _controller,count: 4) > JumpingDotEffect
  7. Font Awesome Flutter > FaIcon > FontAwesomeIcons.arrowUp
  8. Animations > Container transform
  9. Neon > text > color > fontSize > font: NeonFont.Cyberpunk > flickeringText: true
  10. Aurora > backgroundColor: Colors.black > Aurora > size > color list
  11. Card Swiper > itemCount > autoplay: true > autoplayDelay > Card
    Require a model.dart > BannerImageModel >
  12. Flutter Blurhash > BlurHash > hash (String) > image (from network)
  13. Flutter SVG > Container > SvgPicture.asset() or SvgPicture.network()
  14. Flutter Custom Clipper >
  15. Flutter TTS > StatefulWidget
  16. Flutter Highlight
  17. Syncfusion Charts
  18. Rflutter Alert > ElevatedButton > child > Alert > (context, title, desc).show()
  19. Settings UI > SettingsList > sections:[] > SettingsSection > SettingsTile
  20. Flutter Spinkit > SpinKitRotatingCircle(color: Colors.redAccent)
  21. Audioplayers > AudioCache audioCache > late AudioPlayer player > void playAudio() > void stopAudio()
  22. Go Router > MaterialApp.router > routeInformationParser: _router.routeInformationParser > routerDelegate: _router.routerDelegate
  23. HTTP > watch this YouTube video
  24. Onboarding > onboardingPagesList > PageModel > widget > Column > Container >
  25. Flutter Neumorphic > Github
  26. Math Expressions > Input type is string
  27. Clay Containers > ClayContainer > color > height >width
  28. Day Night Switcher > DayNightSwitcher / DayNightSwitcherIcon > dayBackgroundColor > isDarkModeEnabled > onStateChanged
  29. Provider > MultiProvider > ChangeNotifierProvider > create: (_) => Counter() > child: MyHomePage()
    class Counter with ChangeNotifier > notifyListeners();
  30. Feather Icons > Icon(FeatherIcons.aperture)
  31. Simple Gradient Text > GradientTex() > colors: const []
  32. Image Picker > watch the video, or read the documentation for iOS support.
  33. Convex Bottom Bar > read the code
  34. Intro Slider > read the code
  35. Icofont Flutter > Icon() > IcoFontIcons.cab > color: Colors.white > size: 40
  36. Flutter Staggered Grid View > GridView.custom > gridDelegate > pattern
  37. Shimmer > watch this video
  38. Lottie > make an animation controller for controlling the state of the animation
  39. Shared Preferences > watch this video
  40. Auto Size Text > AutoSizeText() > minFontSize: 18 > maxLines: 4 > overflow: TextOverflow.ellipsis
  41. Device Info Plus > deviceInfo() async{} > DeviceInfoPlugin deviceInfo = DeviceInfoPlugin(); > IosDeviceInfo iosInfo = await deviceInfo.iosInfo; > setState((){})
  42. Geolocator > LocationPermission permission > await Geolocator.requestPermission() > Geolocator.getCurrentPosition()
  43. Glass Kit > GlassContainer.clearGlass > height > width > child
  44. URL Launcher > MaterialButton > onPressed: () async > if (await canLaunch(_url)) > else
  45. Webview Flutter > WebView > javascriptMode: JavascriptMode.unrestricted > initialUrl: 'https://amazon.com' > onWebViewCreated: (controller){}
  46. Responsive Sizer > ResponsiveSizer( builder: (context, orientation, screenType) { return: Center()}) > height: 20.h > width: 20.w
  47. Video Player > watch the video
  48. Responsive Framework > builder: (context, widget) => ResponsiveWrapper.builder() > ResponsiveBreakpoint > ResponsiveRowColumn() > ResponsiveVisibility() > ResponsiveValue()
  49. Timelines > Timeline.tileBuilder > TimelineTileBuilder.fromStyle
  50. Just Audio > check the code
  51. Persistent Bottom Nav Bar > check the code
  52. Equatable > class User extends Equatable > List< Object?> get props => [name, urlImage];
  53. Web Scraper > read documentation
  54. Introduction Screen > next > done > onDone > pages
  55. Animated Text Kit > read documentation from here
  56. Horizontal Data Table > read code
  57. Confetti > bool isPlaying = false > final controller = ConfettiController()
  58. Chewie > final VideoPlayerController videoPlayerController > final bool looping > late ChewieController _chewieController > Chewie(controller: _chewieController,)
  59. Get It > GetIt getIt = GetIt.instance > getIt.registerSingleton< AppModel>(AppModelImplementation(), signalsReady: true) > FutureBuilder > future: getIt.allReady()
  60. Overlay Support > showSimpleNotification() > Text("simple notification") > background: Colors.green
  61. Connectivity Plus > late StreamSubscription subscription > subscription = Connectivity().onConnectivityChanged.listen((result) {showConnectivitySnackBar(context, result);}
  62. Flutter Hooks > class MyFlutterHooks extends HookWidget > final usernameController = useTextEditingController() > final passwordController = useTextEditingController()
  63. Path Provider > Directory tempDir = await getTemporaryDirectory(); > await getApplicationDocumentsDirectory();
  64. Youtube Player Flutter > late YoutubePlayerController _controller ? YoutubePlayerBuilder() > player: YoutubePlayer(controller: _controller) > builder: (context, player) {}
  65. Youtube Player Iframe > late YoutubePlayerController _controller > _controller = YoutubePlayerController()
  66. Flutter Slidable > Read code
  67. JSON Annotation > '$ flutter packages pub run build_runner build' > Read code
  68. Dio > Read code
  69. Gallery Saver > watch this video
  70. Anim Search Bar > _searchController.addListener(() {}) > Read the code
  71. File Picker > watch this video
  72. Share Plus > watch this video
  73. Infinite Scroll Pagination > read documentation from here
  74. Marquee > text > scrollAxis > crossAxisAlignment > blankSpace > velocity > pauseAfterRound > startPadding
  75. Cached Network Image > watch this video
  76. Flutter Toast > Fluttertoast.showToast() > msg > fontSize > textColor > gravity
  77. Crypto > bytes = utf8.encode("InputText") > digest = sha1.convert(bytes)
  78. Bottom Navy Bar > PageController _pageController > PageView() > controller: _pageController > BottomNavyBar() > selectedIndex: _currentIndex
  79. Slide Countdown > SlideCountdownSeparated() > duration: const Duration(seconds: 10)
  80. Date Format > formatDate(DateTime.now(), [yyyy, '-', mm, '-', dd]) > formatDate(DateTime.now(), [HH, ':', nn, ':', ss])
  81. Flutter Rating Bar > initialRating > minRating > itemBuilder: (context, _) => const Icon() > updateOnDrag > onRatingUpdate
  82. Pin Code Fields > PinCodeTextField() > appContext: context > length: 6 > pinTheme > onCompleted
  83. UUID > id = uuid.v1(); > id = uuid.v4();
  84. RxDart > Read the code
  85. Flutter Local Notifications > watch this video
  86. Flutter Native Timezone > FlutterNativeTimezone.getLocalTimezone()
  87. Faker > faker.person.firstName() > faker.person.lastName()
  88. Day Night Switch > value: themeProvider.isDarkMode > onChanged: (newValue) {}
  89. Pixel Perfect > assetPath: > child: Scaffold()
  90. Animated Button > shadowDegree > enabled > onPressed > child
  91. Toggle Switch > initialLabelIndex: 0 > totalSwitches: 3 > labels: const ['America', 'Canada', 'Mexico'] > onToggle: (index){}
  92. Route Master > review the code

Table of Contents:

No. Name of the Package Package URL Screenshots
1 Avatar Glow avatar_glow: ^2.0.2
2 Google Fonts             



google_fonts: ^3.0.1







3 Liquid Pull To Refresh liquid_pull_to_refresh: ^3.0.1
4 Percent Indicator percent_indicator: ^4.2.2
5 Carousel Slider flutter_carousel_slider: ^1.0.8
6 Smooth Page Indicator smooth_page_indicator: ^1.0.0+2
7 Font Awesome Flutter             



font_awesome_flutter: ^10.1.0







8 Animations animations: ^2.0.3
9 Neon neon: ^0.1.0
10 Aurora aurora: ^1.0.0
11 Card Swiper card_swiper: ^2.0.4
12 Flutter BlurHash flutter_blurhash: ^0.7.0
13 Flutter SVG             



flutter_svg: ^1.1.0







14 Flutter Custom Clipper flutter_custom_clippers: ^2.0.0
15 Flutter TTS flutter_tts: ^3.3.3
16 Flutter Highlight flutter_highlight: ^0.7.0
17 Syncfusion Charts syncfusion_flutter_charts: ^20.1.57
18 Rflutter Alert rflutter_alert: ^2.0.4
19 Settings UI flutter_settings_ui: ^2.0.1
20 Flutter Spinkit flutter_spinkit: ^5.1.0
21 Audio Players audioplayers: ^0.20.1
22 Go Router             



go_router: ^3.1.1







23 HTTP http: ^0.13.4
24 Onboarding onboarding: ^3.1.0
25 Flutter Neumorphic flutter_neumorphic: ^3.2.0
26 Math Expressions math_expressions: ^2.3.0
27 Clay Containers clay_containers: ^0.3.2
28 Day Night Switcher         




day_night_switcher: ^0.2.0+1







29 Provider             



provider: ^6.0.3







30 Feather Icons feather_icons: ^1.2.0
31 Simple Gradient Text simple_gradient_text: ^1.2.3
32 Image Picker image_picker: ^0.8.5+3
33 Convex Bottom Bar             



convex_bottom_bar: ^3.0.0







34 Intro Slider intro_slider: ^3.0.5
35 Icofont Flutter icofont_flutter: ^1.4.0
36 Flutter Staggered Grid View flutter_staggered_grid_view: ^0.6.1
37 Shimmer shimmer: ^2.0.0
38 Lottie lottie: ^1.3.0
39 Shared Preferences             



shared_preferences: ^2.0.15







40 Auto Size Text             



auto_size_text: ^3.0.0







41 Device Info Plus             



device_info_plus: ^3.2.3







42 Geolocator             



geolocator: ^8.2.1







43 Glass Kit glass_kit: ^2.0.1
44 URL Launcher             



url_launcher: ^6.1.2







45 Webview Flutter webview_flutter: ^3.0.4
46 Responsive Sizer responsive_sizer: ^3.0.8
47 Video Player video_player: ^2.4.2
48 Responsive Framework responsive_framework: ^0.2.0
49 Timelines timelines: ^0.1.0
50 Just Audio             



just_audio: ^0.9.21







51 Persistent BNb v2 persistent_b_n_b_v2: ^4.2.3
52 Equatable equatable: ^2.0.3
53 Web Scraper web_scraper: ^0.1.4
54 Introduction Screen introduction_screen: ^3.0.2
55 Animated Text Kit             



animated_text_kit: ^4.2.2







56 Horizontal Data Table horizontal_data_table: ^4.0.0
57 Confetti confetti: ^0.7.0
58 Chewie chewie: ^1.3.3
video_player: ^2.4.2
59 Get It get_it: ^7.2.0
60 Overlay Support overlay_support: ^2.0.1
61 Connectivity Plus             



connectivity_plus: ^2.3.2 [F.F.]
overlay_support: ^2.0.1







62 Flutter Hooks flutter_hooks: ^0.18.4
63 Path Provider             



path_provider: ^2.0.10







64 Youtube Player Flutter youtube_player_flutter: ^8.1.0
65 Youtube Player Iframe youtube_player_iframe: ^2.3.0
66 Flutter Slidable             



flutter_slidable: ^1.3.0







67 JSON Annotation             



json_annotation: ^4.5.0
json_serializable: ^6.2.0 [F.F.]
build_runner: ^2.1.11





68 Dio dio: ^4.0.6
69 Gallery Saver gallery_saver: ^2.3.2
70 Anim Search Bar anim_search_bar: ^2.0.2
71 File Picker file_picker: ^4.6.1
open_file: ^3.2.1
72 Share Plus             



share_plus: ^4.0.6







73 Infinite Scroll Pagination             



infinite_scroll_pagination: ^3.2.0







74 Marquee marquee: ^2.2.3
75 Cached Network Image cached_network_image: ^3.2.1
flutter_cache_manager: ^3.3.0
76 Flutter Toast fluttertoast: ^8.0.9
77 Crypto crypto: ^3.0.2
78 Bottom Navy Bar             



bottom_navy_bar: ^6.0.0







79 Slide Countdown slide_countdown: ^0.2.8
confetti: ^0.7.0
80 Date Format date_format: ^2.0.6
81 Flutter Rating Bar flutter_rating_bar: ^4.0.1
82 Pin Code Fields pin_code_fields: ^7.4.0
83 UUID uuid: ^3.0.6
84 RxDart             



rxdart: ^0.27.4







85 Flutter Local Notifications             



flutter_local_notifications: ^9.6.1
rxdart: ^0.27.4







86 Flutter Native Timezone flutter_native_timezone: ^2.0.0
87 Faker faker: ^2.0.0
88 Day Night Switch day_night_switch: ^1.0.3
89 Pixel Perfect pixel_perfect: ^1.1.1
90 Animated Button animated_button: ^0.2.0
91 Toggle Switch             



toggle_switch: ^2.0.1







92 Route Master             



routemaster: ^1.0.1







About

Introduction to flutter packages: This repo will teach you some of the popular packages that are available in pub.dev, & how to use them for UI design.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages