flutter实现一个顶部滚动横向列表
时间: 2024-02-01 11:03:30 浏览: 154
可以使用Flutter中的ListView或PageView来实现一个顶部滚动横向列表。
以下是使用ListView实现的示例代码:
```dart
ListView.builder(
scrollDirection: Axis.horizontal,
itemCount: items.length,
itemBuilder: (context, index) {
return Container(
width: 100.0,
child: Card(
child: Center(
child: Text(items[index]),
),
),
);
},
),
```
其中,`scrollDirection`属性设置为`Axis.horizontal`表示横向滚动,`itemCount`表示列表项的数量,`itemBuilder`则用于创建每个列表项。
在上述代码中,每个列表项都是一个固定宽度为100的卡片,卡片中心显示了列表项的文本。
如果使用PageView实现,可以将上述代码中的ListView替换为PageView,如下所示:
```dart
PageView.builder(
scrollDirection: Axis.horizontal,
itemCount: items.length,
itemBuilder: (context, index) {
return Container(
width: 100.0,
child: Card(
child: Center(
child: Text(items[index]),
),
),
);
},
),
```
这样就可以实现一个顶部滚动横向列表了。
阅读全文