import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar(title: Text('Horizontal ListView')), body: Center( child: ListView.builder( sc...
classMyContextendsStatelessWidget{@overrideWidget build(BuildContext context) {returnContainer(height:200.0,child:new ListView(// 水平排列scrollDirection: Axis.horizontal,children: <Widget>[ Container(width:220.0,height:200.0,color:Color(0xFFFFB6C1),// 外边距 左上右下,跟css不一样哈margin: EdgeInsets...
//改变滚动方向 //scrollDirection: Axis.horizontal, scrollDirection: Axis.vertical, children: _myList(), ), ), ); } List<Widget> _myList() { return NAMES.map((name) => _item(name)).toList(); } Widget _item(String name) { return Container( height: 80, margin: EdgeInsets.only(b...
如果需要水平的列表效果,则只需要修改 ListView组件中的scrollDirection参数,ListView默认是垂直的列表,给scrollDirection参数传Axis.horizontal即可。 Axis.horizontal: 水平列表 Axis.vertical:垂直列表 以下为一个水平列表的Demo: import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; //水平...
四、Flutter 水平列表 // 使用ListView并设置滑动方向为水平,可以创建水平列表。 ListView( scrollDirection: Axis.horizontal ) 五、动态列表 // ListView.builder可以根据数据动态创建列表项。 return ListView.builder( itemCount: listData.length, itemBuilder: (context, index) { ...
水平方向滚动的列表只需要给ListView添加scrollDirection属性,并设置为Axis.horizontal: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 import'package:flutter/material.dart';voidmain()=>runApp(MyApp());constCITY_NAMES=['北京','上海','广州','深圳','杭州','武汉','四川','重庆','南京','济南'...
import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter/rendering.dart'; void main() { runApp(MyApp()); } // 自定义组件 class MyApp extends StatelessWidget { Widget build(BuildContext context) { // MaterialApp是一个根组件 return MaterialApp ( ...
scrollDirection: Axis.horizontal 属性为水平方向 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; class ListViewHorizontalExample extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: "水平静态列表", home: Scaffold( appBar: App...
scrollDirection:列表的滚动方向，可选值有Axis的horizontal和vertical，可以看到默认是垂直方向上滚动；controller:控制器，与列表滚动相关，比如监听列表的滚动事件；physics:列表滚动至边缘后继续拖动的物理效果，Android与iOS效果不同。Android会呈现出一个波纹状（对应ClampingScrollPhysics），而iOS上有一个回弹...
Container( height: 413, margin: EdgeInsets.only(left: 36), child: ListView.builder( scrollDirection: Axis.horizontal, itemCount: goodsList.length, padding: EdgeInsets.zero, itemBuilder: (context, position) { return Container( margin: EdgeInsets.only(right: 30), width: 260, child: RowCard...