Flutter でリストを横スクロールする方法には、ListView や ListView.builder があります。
ListView.builder でリストを横スクロール
ListView.builder constructor - ListView - widgets library - Dart API
API docs for the ListView.builder constructor from Class ListView from the widgets library, for the Dart programming language.class ListScrollHorizontalPage extends StatelessWidget {
const ListScrollHorizontalPage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: ListView.builder(
scrollDirection: Axis.horizontal,
itemCount: 20,
itemBuilder: (BuildContext context, int index) {
return Card(
child: Container(
width: 100,
child: Center(
child: Text('${index + 1}'),
),
),
);
}
)
));}}
- scrollDirection に Axis.horizontal を指定することで、横スクロールできます。
- itemCount でリストの数を指定します。
