First Talk at Flutter Ahmedabad - Mysterious Widgets Part — II

Hello Folks, Hope you have enjoyed the weekend.

Of course, we also had a great time at the Flutter Ahmedabad July Meet-up. It’s my first offline event as a speaker at Flutter Ahmedabad, therefore I’m going to talk about my experience.

First and foremost, I want to express my gratitude to Bhavik Makwana & Bharat Makwana for arranging this event and inviting Mukund Jogi and me to speak. They are both doing an excellent job.

I talked about stunning widgets that programmers are unaware of. The same subject was covered by me during the Flutter Festival in Kozhikode.

Mysterious Widgets - My First Flutter Festival Talk

Thankfully, I also had the opportunity to speak here. Due to time constraints, I decided to stick with the same theme, but I also added a lot of new widgets to my slides.

I watched the Widget of the Week playlist on YouTube to find such widgets. If you want to learn new widgets, I strongly suggest watching the playlist.

These new widgets, which I described today, are as follows:

1. StatefulBuilder:

• I know that you already know about this widget. If I am not wrong, You have used this widget to update the values in Dialog or BottomNavigationSheets.
• As I mentioned, the majority of developers only use StatefulBuilder widgets to update data, but if you’ve used them for anything else, please comment on it.
• I have used it for different purposes, you can check my demo here.

Output:

Screenshot — StatefulBuilder Widget

• You can check the demo by clicking on each button it will show you the usage of the StatefulBuilder widget.

2. NavigationRails:

• BottomNavigationBars are great for mobile, but they’re not great for larger screens.
• NavigationRail provides the same functionality but is designed to look and work better with desktop and web apps running on larger screens.

Output:

Screenshot — NavigationRails widget

• Check out the full demo here.

Bonus Widgets:

3. InteractiveViewer:

• The user can transform the child by dragging to pan or pinching to zoom.
• Checkout the documentation

Widget of the Week — InteractiveViewer

4. AboutDialog:

• This is a dialog box with the application’s icon, name, version number, and copyright, plus a button to show licenses for software used by the application.
• Checkout the documentation

Widget of the Week — AboutDialog

5. ToggleButtons:

• It's not the same as Toggle Switch, you can use it when you have a collection of buttons and you want to set the state of each button like true or false.
• For example, If you are going to create an awesome text editor and you want to put buttons for bold, italic & underline then it should be ToggleButtons.
• Check out the Documentation

Widget of the Week — ToggleButtons

6. DataTable:

• To display data in a table, all the data must be measured twice: first to negotiate the dimensions to use for each column and again to actually build out the table based on the outcomes of the negotiation.
• For this reason, If you have lots of data to display in table format then you can go with DataTable.
• Check out the Documentation

Widget of the Week — DataTable

7. SelectableText:

• Text widget with selectable text, you can select the text and it allows you to copy the text.

Widget of the Week — SelectableText

That’s it, folks. I learned about these widgets and shared them with developers.

Apart from that, we also played a small game in which we have to draw the dash with some unique style.

Here you can check who has participated and shown their creativity. 😃

Thank you for reading.

Keep Clapping 👏 (You can clap up to +50)

Your love is everything to me. Keep Appreciating.