Home > Back-end >  Flutter: FlexLayoutManager similar to the one in native android
Flutter: FlexLayoutManager similar to the one in native android

Time:07-09

So I'm trying to implement a flex listview similar to the google FlexLayoutManager to the horizontal axis with wrap, you can see an example in the wrap section

enter image description here

With the window maximized:

enter image description here

code:

GridView.builder(
      gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
          maxCrossAxisExtent: 200,
          childAspectRatio: 3 / 2,
          crossAxisSpacing: 20,
          mainAxisSpacing: 20),
      itemCount: _categories.length,
      padding: EdgeInsetsDirectional.only(start: 16, end: 12),
      itemBuilder: (context, index) {
        return InkWell(
          onTap: () {},
          child: Container(
            height: 24,
            alignment: Alignment.center,
            child: Text(
              categories[index].name,
            ),
          ),
        );
      },
    )

CodePudding user response:

Not tested, but as I indicated in my comment, I'd use something like:

Wrap(
  children: [
    for (final c in categories)
      InkWell(child: Text(c.name)),
    ]);

adding of course all your parameters, and the extra container.

  • Related