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

flutter listview builder space between items

Add Answer

Jittery Jaguar answered on February 7, 2021 Popularity 5/10 Helpfulness 6/10

answer flutter listview builder space between items

related flutter listview space between items

related listview space between items flutter

related how to create space between list on flutter

flutter listview builder space between items

Comment

ListView.builder(
	itemBuilder: (context, index) {
	return Padding(
		padding: const EdgeInsets.fromLTRB(0, 10, 0, 10),
    	child: OutlinedButton(
    		child: Text("Hi"),
   		),
	);
)

Popularity 5/10 Helpfulness 6/10 Language dart

Source: Grepper

Tags: between builder dart flutter-listview items space

Link to this answer
Share Copy Link

Contributed on Aug 01 2022

Jittery Jaguar

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

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

Link to this answer
Share Copy Link

Contributed on Feb 22 2022

Mushy Manx

0 Answers Avg Quality 2/10

flutter listview builder space between items

Contents

More Related Answers

flutter listview builder space between items

Closely Related Answers

flutter listview space between items

listview space between items flutter

how to create space between list on flutter

Grepper

Documentation

Social

Legal

Contact

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