List Method .map() in Dart and Flutter
ฝัง
- เผยแพร่เมื่อ 23 ก.ค. 2024
- In this series, we will learn more about different list methods in #Dart and see how we can use them in #Flutter. In this episode, we have a closer look at the #map method in different list types and see how we can use this method to create DataRows in a DataTable out of the input text in the FormInputFlields in a flutter application.
If you want to see Max live coding, join him on: / maxexplaines
You like our work and would like to support us, feel free to join us on Patreon.
/ flutterexp
00:00 - Introduction
00:30 - Example one: sort method explanation on a list of integer
01:36 - Example two: sort method on the list of String
02:15 - Example three: sort and forEach method on a list of object
04:12 - Overview over the boilerplate code
04:151 - map method to create DaraRow in DataTable
06:55 - Outro
Tools we use to grow our TH-cam channel
TubeBuddy Review - Manage Your TH-cam Channel Easily
www.tubebuddy.com/flutterexpl...
Our current TH-cam gear
🎙 Samson Mic: amzn.to/324Gpof
📟 Satechi USB-C Adapter: amzn.to/3kUdQ5M
💻 MacBook Pro: amzn.to/3iQ9MBx
📹 Lumix FZ1000: amzn.to/3g7tW8D
⭐️⭐️Helpful Ressources ⭐️⭐️
DartPad: dartpad.dev/762550ff944018d50...
GitHub Repository: github.com/mt-tadayon/map_tut...
⭐️⭐️Follow us ⭐️⭐️
Twitter Mahtab - / mahtab_dev
GitHub Mahtab - github.com/mt-tadayon
Twitter Max - / flutter_exp
Github Max - github.com/md-weber
Homepage - flutter-explained.org/blog
⭐️⭐️ Support ⭐️⭐️
If you read this so far, thank you once more. If you like to support us, here are some links that could help us a lot.
Donation via BuyMeACoffee - www.buymeacoffee.com/flutterexp
Amazon Affiliate Link - You buy for the same price and I get a small amount of it. This leads to an amazing Flutter book that I can recommend to every beginner of flutter amzn.to/2uOJXON
Your way of teaching is well to the point! You make it simple, practical, easy to understand.
Please make more video like this.
Amazing, we are glad that you like it. Thanks for your feedback :)
You are a great instructor, keep making contents for us. Thanks.
I have to say it !!! Amazing content ......I've tried so much to work with maps in Dart and it seemed so complicated to understand but after this video I have to confess everything is much clearer ....You just won me ....Put more content about the maps and working with maps please maybe some exercises and example like in this this .....Thumbs Up!
really helped me out so quickly! thanks!!
yes,, good to see such a nice tutorial on map...
Glad you like it!
Thanks a lot ♥️ it is easy to understand and so helped to me
Great tutorial. Please do more of beginner tuts. Thanks a lot!
Amazing explanation. thank you mam.
I love the way you explain your content. Please make a video on how to get data from multiple document fields from firestore and store it in an array for use.
Thank you!
She is such a nice instructor, That's why I love the channel 😘😘
your tutorials are great
Thank you to share like this video. Really easy to understand please create more like this content 💌
Thanks for that amazing feedback!
You are really great, I got what i am looking for, explained well, thanks for sharing, please carry on!
I am glad that it helped you :)
Nice sis, love this channel😍
this one is very helpful.
Great 👍
Well done!
Thank you :)
Thanks
nice and easy!
good video
you're a great tutor
Thank you very much for your kind words :)
Helpful☺
Glad to hear that :)
when click icon to show list . But I need the listView data on the next page how to do it?
Hi Can you Create an example of creating a List of widgets using .map .toList() method and change the state on click ...
State Management
thanks
Please do video on working with android internal memory like finding all the pdf files,mp3files etc
how can I change the text color of these lists ?
I fell in love with your accent.
i really hope you guys make Udemy video lecture series. so that i can buy and learn more efficiently. as always, great content. instant Subscribed.
If we have reference variables that refer to the same object
I need an example Flutter ui for a screen or a part of the screen that we can use
Dart Singleton Pattern Using Factory Constructor
Please if possible create a series on map method . Thanks in advance
Help me to Write a function or method (Flutter) which takes as input 2 lists, and returns a result list I mean in one list length, width, height and their values and in another list volume and density etc and returns value of volume and density etc
This could maybe help you :) dartpad.dev/?id=b5565b63064dd344107ecfce124f824b&null_safety=true
Waiting to see 3k 🤩
Yes, we are almost there! :)
Very nice content plz work on maps
Hi,how to use list of map please?
Is the .map() at Flutter is the same with Javascript, my API call is List, and it's can't work at .map(), very confusing
Hi there, yes the .map() function is quite similar the equivalent of a JavaScript Array is the List in Dart. Therefore you are able to work in there nearly the same way. I hope that clears things up :)
1:20.. Who will provide num parameter to that function ? Can u plz tell me
Sure, the List is a List of numbers (List) if you use "map" now on that List you will need to pass in a method that gets called every time when the pointer goes from one number to another number.
[>12 (12) => 12 * 2; // returns a array [24]
[12, >15 (15) => 15 * 2; // returns a array [24, 30]
[12, 15, >16 (16) => 16 * 2; // returns a array [24, 30, 32]
>12< represents the pointer
But because we do not want to write 3 times the function we can use the .map function. I hope that made it a bit clearer for you :)
@@FlutterExplained Thanks a lot ☺️.. It is really helpful. I understood ❤️
Madam, How to pass realtime data base values into List🙂
Respected mam
Can you please help me
Can you give example programe
1. how to use class in a map and list
2. Program of dice in a dart using class
type 'List' is not a subtype of type 'List' in type cast how to solve this error
Can I remove added item from list
(enter by mistake)
And also add quantity of Item
There are couple of methods that you can use to remove an element in a list. You can use .remove(), .removeAt() or removeWhere() etc. www.woolha.com/tutorials/dart-removing-elements-from-list-examples
Can you make a condition that if the name is Alex ‘ the message should be “my best friend is Alex else the text “They are normal friends.
آموزش هاتون خیلی عالیه پرچم بالا
Make video on Date schedule
great tutorial....just adjust sound issue...
Thanks. This video was very helpful. But the sound(Voice-Over) is low. Just try to improve that.
👍
please zoom in when coding because this need high resolution to show thank you
We will try to improve in that in the future, sorry for the inconvinience.
I think audio is broken!! If it doesn't work go to settings of ur device and enable mono
Yes we figured that out to late unfortunate :) but thanks for the tip with mono though!
And thank you for wonderful tutorial
the audio is not stereo
Uh, that is bad, thanks for letting us know. We will check if we can fix that somehow and hopefully we can prevent it from future recordings.
I am a totally beginner, maybe thats why I didn't understand the last part of dartpad
Make a app where you can add some data it will store in your list. And view that list
I was about to buy a new headset
why is there no sound?
Sorry the video is only on one side recorded :/ (mono)
Don't u have fb account
No, we don't have fb. But you can reach out to us on Twitter ;) Mahtab: @mahtab_dev, Max: @flutter_exp
how to pass images in list by using map().
Hi, Tutorials are too good. Just get rid of this sound problem. Even with headphones the sound wad too low and only one side of headphone was firing, to be specific the left one. There was no sound at all from the right side
Thanks for your feedback. We will try our best to avoid the sound problem for our future tutorials.
i thought my right ear was deaf
Левому уху понравилось (нет)
Going too fast.
Sorry to hear that, you can reduce the speed in the TH-cam Player if you press on the cog and then select player speed, I hope that helps you.