{"id":314,"date":"2019-03-26T10:01:19","date_gmt":"2019-03-26T10:01:19","guid":{"rendered":"https:\/\/citrusleaf.in\/blog\/?p=314"},"modified":"2020-02-18T13:00:10","modified_gmt":"2020-02-18T13:00:10","slug":"flutter-top-5-open-source-widgets","status":"publish","type":"post","link":"https:\/\/citrusleaf.in\/blog\/flutter-top-5-open-source-widgets\/","title":{"rendered":"Flutter: Top 5 Open Source Widgets"},"content":{"rendered":"\n

Flutter is the new favorite tool of developers globally for cross-platform app development<\/a>. The Flutter community is engaging, committed and open for contributions. Developers can contribute to Flutter\u2019s core code by sending a pull request to Flutter\u2019s main repo on GitHub.
<\/p>\n\n\n\n

Developers can also make great widgets thanks to Flutter\u2019s plugin system. Many developers have created cool, useful & open source widgets for other developers to use.<\/p>\n\n\n\n

Also Read: Top 10 Flutter Packages for 2020<\/a><\/p>

<\/p><\/blockquote>\n\n\n\n

The top 5 Flutter widgets Which are Our Favorite<\/h2>\n\n\n\n

Tinder Cards <\/h3>\n\n\n\n

Wondering how to build swiping cards like Tinder? Well, using this widget, you can easily make Tinder-like<\/g> swiping cards for your Flutter app. This widget<\/g> allows swiping in both directions. It supports images and videos in the cards. The widget can be found here<\/a>.<\/p>\n\n\n\n

Contact Picker <\/h3>\n\n\n\n

Social media apps depend <\/g>on the user’s contact list to let the users know about their friends and invite them to the platform. Contact Picker is a widget that would help you in achieving just that. It allows Flutter apps to read the contacts present on the device using the device’s native contact picker. This means that your app does not require contact read permission too. It’s a bit limited though. Currently,<\/g> it supports picking contact numbers only. It can be extended to pick up more properties like address, email, etc. Visit <\/g>here<\/g><\/a>. <\/p>\n\n\n\n

Stepper <\/h3>\n\n\n\n

Steppers are useful for building UI where the users are supposed to select quantities in whole numbers. For example, in<\/g> an e-commerce<\/g> app, users are required to select the quantity of the product before adding it to their cart. This widget provides beautiful design along with delightful animation which makes the widgets overall joyful to use. The repo for this widget can be found here<\/a>.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Flutter Offline <\/h3>\n\n\n\n

Almost every app requires an internet connection to work. In cases where connectivity is a must, developers have to go the extra mile to check the internet connectivity in their apps. With Flutter Offline, you can easily check for internet connectivity in your Flutter apps with just a few lines of code. What\u2019s more? It has the ability to show the connection status on the UI too! Flutter Offline can be found here<\/a>. <\/p>\n\n\n\n

Charts <\/h3>\n\n\n\n

Building business-oriented and data-centric apps is a big task. The UI has to be simple while being productive at the same time. In many such apps, showing the data interactively with pie charts makes them more useful. With Flutter Chart Widget, you can easily make circular charts with animations. It supports updating the charts in real-time too. Its code can be found here<\/a>. <\/p>\n\n\n\n

Looking for an app for your business\/startup? We are one of the Top Flutter App Development Companies in India<\/a>. Reach out to us on hello@citrusleaf.in, we’ll definitely have a solution for your requirements.<\/p>\n","protected":false},"excerpt":{"rendered":"

Flutter is the new favorite tool of developers globally for cross-platform app development. The Flutter community is engaging, committed and open for contributions. Developers can contribute to Flutter\u2019s core code by sending a pull request… <\/p>\n","protected":false},"author":5,"featured_media":318,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[10],"tags":[19,49,50,48],"class_list":["post-314","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","tag-flutter","tag-flutter-developers","tag-flutter-development-company","tag-flutter-widgets"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/citrusleaf.in\/blog\/wp-content\/uploads\/2019\/03\/Flutter-Top-5-Widgets.png?fit=1200%2C628&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pei5Vv-54","_links":{"self":[{"href":"https:\/\/citrusleaf.in\/blog\/wp-json\/wp\/v2\/posts\/314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/citrusleaf.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/citrusleaf.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/citrusleaf.in\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/citrusleaf.in\/blog\/wp-json\/wp\/v2\/comments?post=314"}],"version-history":[{"count":8,"href":"https:\/\/citrusleaf.in\/blog\/wp-json\/wp\/v2\/posts\/314\/revisions"}],"predecessor-version":[{"id":986,"href":"https:\/\/citrusleaf.in\/blog\/wp-json\/wp\/v2\/posts\/314\/revisions\/986"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/citrusleaf.in\/blog\/wp-json\/wp\/v2\/media\/318"}],"wp:attachment":[{"href":"https:\/\/citrusleaf.in\/blog\/wp-json\/wp\/v2\/media?parent=314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/citrusleaf.in\/blog\/wp-json\/wp\/v2\/categories?post=314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/citrusleaf.in\/blog\/wp-json\/wp\/v2\/tags?post=314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}