Breaking News: Grepper is joining You.com. Read the official announcement!

how to create space between list on flutter

Add Answer

Mushy Manx answered on February 7, 2021 Popularity 9/10 Helpfulness 2/10

answer how to create space between list on flutter

related flutter listview space between items

related listview space between items flutter

how to create space between list on flutter

Comment

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  static const String _title = 'Flutter Code Sample';

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: _title,
      home: Scaffold(
        appBar: AppBar(title: const Text(_title)),
        body: const MyStatefulWidget(),
      ),
    );
  }
}

class MyStatefulWidget extends StatefulWidget {
  const MyStatefulWidget({Key? key}) : super(key: key);

  @override
  State<MyStatefulWidget> createState() => _MyStatefulWidgetState();
}

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
  final List<int> _items = List<int>.generate(50, (int index) => index);

  @override
  Widget build(BuildContext context) {
    final ColorScheme colorScheme = Theme.of(context).colorScheme;
    final Color oddItemColor = colorScheme.primary.withOpacity(0.05);
    final Color evenItemColor = colorScheme.primary.withOpacity(0.15);

    return ReorderableListView(
      padding: const EdgeInsets.symmetric(horizontal: 40),
      children: <Widget>[
        for (int index = 0; index < _items.length; index++)
          Column(
            key: Key('$index'),
            children: [
              ListTile(
                tileColor: _items[index].isOdd ? oddItemColor : evenItemColor,
                title: Text('Item ${_items[index]}'),
              ),
              SizedBox(
                height: 5,
              ),
            ],
          ),
      ],
      onReorder: (int oldIndex, int newIndex) {
        setState(() {
          if (oldIndex < newIndex) {
            newIndex -= 1;
          }
          final int item = _items.removeAt(oldIndex);
          _items.insert(newIndex, item);
        });
      },
    );
  }
}

Popularity 9/10 Helpfulness 2/10 Language dart

Source: flutterhq.com

Tags: between dart flutter list space

Link to this answer
Share Copy Link

Contributed on Feb 22 2022

Mushy Manx

0 Answers Avg Quality 2/10

Closely Related Answers

flutter listview space between items

Comment

// Use ListView.separated()

ListView.separated(
	separatorBuilder: (BuildContext context, int index) {
		return SizedBox(
				height: 5,
                );
		},
	itemCount: zones.length,
	itemBuilder: (_, i) => cardStyleZone(zones[i]),
),

Popularity 10/10 Helpfulness 7/10 Language dart

Source: Grepper

Tags: between

Link to this answer
Share Copy Link

Contributed on Feb 07 2021

Solo developer

0 Answers Avg Quality 2/10

listview space between items flutter

Comment

Container(
          height: 110,
          child: ListView.builder(
            scrollDirection: Axis.horizontal,
            itemCount: 20,
            itemBuilder: (context, index) {
            return Container(
              margin: EdgeInsets.all(10),
              // height: 95,
              width: 100,
              color: Colors.red,
              
            );
          },),
        )

Popularity 9/10 Helpfulness 4/10 Language dart

Source: Grepper

Tags: between

Link to this answer
Share Copy Link

Contributed on Jan 01 2022

CodePadding

0 Answers Avg Quality 2/10

how to create space between list on flutter

Contents

More Related Answers

how to create space between list on flutter

Closely Related Answers

flutter listview space between items

listview space between items flutter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.