skip to Main Content

I need flutter snap effect.
How to create?

enter image description here

2

Answers


  1. Try PageView.builder

    PageView.builder(
    itemCount: 10,
    itemBuilder: (context, i) {
       return Column(
        children: [
          Card(
           backgroundColor: Colors.yellow
          ),
          SizedBox(height: 10),
          Card(
           backgroundColor: Colors.yellow
          ),
        ],
      );
     }
    )
    
    Login or Signup to reply.
  2. Try GridView with scrollDirection: Axis.horizontal to get a grid with horizontal scroll just like you need.
    Refer to the below example.

       GridView.count(
          scrollDirection: Axis.horizontal,
          padding: const EdgeInsets.all(15),
          crossAxisCount: 5,
          crossAxisSpacing: 6,
          children: List.generate(
            30,
            (index) => Text('I am text$index'),
          ),
        )
    

    Hope it helps you.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search