Flutter's Listview doesn't have word wrapping like Wrap?

Question

I want to display a list of widgets with variable sizes.

Flutter's Wrap is a great fit for my layout needs.

final List<dynamic> someItems; 

return SingleChildScrollView(
  child: Wrap(
    children: someItems.map((item) => _createTile(context, item)).toList(),
  ),
  scrollDirection: Axis.vertical,
);

But a fatal problem, Wrap can't create widgets lazily. For example, if there are less than 100 Tile widgets displayed in the image above, but the number of data list is more, Wrap creates even invisible widgets.

// The result of taking a log once for each item when configuring Wrap with a list of 1000 data.
I/flutter ( 4437): create Widget 0
I/flutter ( 4437): create Widget 1
I/flutter ( 4437): create Widget 2
I/flutter ( 4437): create Widget 3
I/flutter ( 4437): create Widget 4
I/flutter ( 4437): create Widget 5
I/flutter ( 4437): create Widget 6
I/flutter ( 4437): create Widget 7
I/flutter ( 4437): create Widget 8
...
I/flutter ( 4437): create Widget 999

ListView and GridView create widgets lazily, but (at least as far as I currently know) they are not free to lay out widgets like Wrap.

Is there a way to implement the layout I want?

listen scrollposition then load more items easily, doesnt work? — Murat Aslan, Dec 25 '19 at 12:05
I think you should try with ``Grid.builder()``. It might help you to achieve something similar but not the same as you're looking for. — OMi Shah, Dec 25 '19 at 14:35
@OMiShah Do you mean GridView.Builder? I have already used it with SliverGridDelegateWithFixedCrossAxisCount. — H.Kim, Dec 26 '19 at 00:35
You can refer to this [answer](https://stackoverflow.com/a/58547609/6049517). — Shoeb Surve, Jun 21 '20 at 17:43

score 2 · Answer 1 · answered Aug 10 '20 at 13:33

2

Try this:

Wrap(
  children: someItems.map((item) => _createTile(context, item)).toList().cast<Widget>(),
)

answered Aug 10 '20 at 13:33

Crazzygamerr

346
2
11

Flutter's Listview doesn't have word wrapping like Wrap?

1 Answers1