Movatterモバイル変換


[0]ホーム

URL:


Skip to main content

docs.flutter.dev uses cookies from Google to deliver and enhance the quality of its services and to analyze traffic.

Learn more

Flutter 3.41 is live! Check out theFlutter 3.41 blog post!

Use lists

How to implement a list.

Displaying lists of data is a fundamental pattern for mobile apps. Flutter includes theListView widget to make working with lists a breeze.

Create a ListView

#

Using the standardListView constructor is perfect for lists that contain only a few items. The built-inListTile widget is a way to give items a visual structure.

dart
ListView(children:const<Widget>[ListTile(leading:Icon(Icons.map),title:Text('Map')),ListTile(leading:Icon(Icons.photo_album),title:Text('Album')),ListTile(leading:Icon(Icons.phone),title:Text('Phone')),],),

Interactive example

#
import 'package:flutter/material.dart';void main() => runApp(const MyApp());class MyApp extends StatelessWidget {  const MyApp({super.key});  @override  Widget build(BuildContext context) {    const title = 'Basic List';    return MaterialApp(      title: title,      home: Scaffold(        appBar: AppBar(title: const Text(title)),        body: ListView(          children: const <Widget>[            ListTile(leading: Icon(Icons.map), title: Text('Map')),            ListTile(leading: Icon(Icons.photo_album), title: Text('Album')),            ListTile(leading: Icon(Icons.phone), title: Text('Phone')),          ],        ),      ),    );  }}
Was this page's content helpful?

Unless stated otherwise, the documentation on this site reflects Flutter 3.38.6. Page last updated on 2025-10-30.View source orreport an issue.


[8]ページ先頭

©2009-2026 Movatter.jp