I have a list of String
s, e.g.,
var moviesTitles = ['Inception', 'Heat', 'Spider Man'];
and wanted to use moviesTitles.map
to convert them to a list of Tab
Widget
s in Flutter.
you can use
moviesTitles.map((title) => Tab(text: title)).toList()
example:
bottom: new TabBar(
controller: _controller,
isScrollable: true,
tabs:
moviesTitles.map((title) => Tab(text: title)).toList()
,
),
map<T>
returns an Iterable<T>
instead of a List<T>
Apr 20, 2019 at 5:40
Iterable
that map()
returns is lazy. It isn't evaluated yet, only when somebody actually iterates it. Calling toList()
, in addition to returning an actual list, forces this evaluation.
I'm new to flutter. I found that one can also achieve it this way.
tabs: [
for (var title in movieTitles) Tab(text: title)
]
Note: It requires dart sdk version to be >= 2.3.0, see here
Yes, You can do it this way too
List<String> listTab = new List();
map.forEach((key, val) {
listTab.add(val);
});
//your widget//
bottom: new TabBar(
controller: _controller,
isScrollable: true,
tabs: listTab
,
),
I try this same method, but with a different list with more values in the function map. My problem was to forget a return statement. This is very important :)
bottom: new TabBar(
controller: _controller,
isScrollable: true,
tabs:
moviesTitles.map((title) {return Tab(text: title)}).toList()
,
),
{}
the question is one line function
Apr 6, 2020 at 21:15
map((title) => Tab(text: title)).toList()
, so no return needed...
tabs: [...data.map((title) => Text(title)).toList(), extra_widget],
tabs: data.map((title) => Text(title)).toList(),
It's working fine for me
small addition to the AbdulMomen عبدالمؤمن answer: for better performance you should set grawable false if list will not grow.
moviesTitles.map((title) => Tab(text: title)).toList(growable: false);