Home > database >  How can I achive this design in my flutter app?
How can I achive this design in my flutter app?

Time:03-23

Here I need some help in my category Filter page UI.

(sorry for video link) video for better understanding...

I've upload the demo video in my drive... enter image description here

CodePudding user response:

here with the Help of Row and Expanded widget you can achieve your UI. here is the example of that.

           Scaffold(
              body: Row(
                children: [
                  Expanded(
                    flex: 2,
                    child: ListView.builder(
                      itemBuilder: (context, index) {
                        return ListTile(
                          title: Text("$index"),
                        );
                      },
                    ),
                  ),
                  Expanded(
                    flex: 8,
                    child: ListView.builder(
                      itemBuilder: (context, index) {
                        return ListTile(
                          tileColor: index.isEven ? Colors.white : Colors.grey.withOpacity(0.1),
                          title: Text("$index"),
                        );
                      },
                    ),
                  ),
                ],
              ),
            ) 

enter image description here

  • Related