Search code examples
flutteruser-interfacemobilelayoutflutter-layout

Flutter Group layout


Can anyone point me to a direction where I can achieve a group layout like this picture? Groups I've been trying to do it with a list view but no luck


Solution

  • You can put a Row widgets in Column Widgets in Container or Card widgets in Column Widget.

    Here's an example:

               Column(
                  children: [
                    Card(
                      child: Row(
                        children: [
                          Column(),
                          Column(),
                          Column(),
                        ],
                      ),
                    ),
                    Card(
                      child: Row(
                        children: [
                          Column(),
                          Column(),
                          Column(),
                        ],
                      ),
    
                    ),
                  ],
                )