【发布时间】：2020-05-17 17:45:21
【问题描述】：
我想创建一个水平列表视图的垂直列表。我已经使用this 实现了它。但我的问题是每个项目都单独水平滚动，我不希望这样。我需要完整的回收器视图一起水平滚动。这是我正在使用的代码。
ListView.builder(
itemCount: memberItemArray.length,
shrinkWrap: true,
itemBuilder: (BuildContext context, int index) {
return SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Row(
children: <Widget>[
scrollItem(
75,
const Color(0x00FFFFFF),
const Color(0x50000000),
memberItemArray[index].sID),
scrollItem(
200,
const Color(0x00FFFFFF),
const Color(0x50000000),
memberItemArray[index].sName),
scrollItem(
150,
const Color(0x00FFFFFF),
const Color(0x50000000),
memberItemArray[index].sMobile),
scrollItem(
150,
const Color(0x00FFFFFF),
const Color(0x50000000),
memberItemArray[index].sPlan != null &&
memberItemArray[index].sPlan !=
'null' &&
memberItemArray[index].sPlan != ''
? memberItemArray[index].sPlan
: '-'),
scrollItem(
150,
const Color(0x00FFFFFF),
const Color(0x50000000),
memberItemArray[index].sExpDate != null &&
memberItemArray[index].sExpDate !=
'null' &&
memberItemArray[index].sExpDate !=
''
? memberItemArray[index].sExpDate
: '-'),
scrollItem(
100,
const Color(0x00FFFFFF),
const Color(0x50000000),
memberItemArray[index].sAmount != null &&
memberItemArray[index]
.sAmount
.toString() !=
'null' &&
memberItemArray[index]
.sAmount
.toString() !=
''
? memberItemArray[index]
.sAmount
.toString()
: '-'),
scrollItem(
100,
const Color(0x00FFFFFF),
const Color(0x50000000),
memberItemArray[index].sDue != null &&
memberItemArray[index]
.sDue
.toString() !=
'null' &&
memberItemArray[index]
.sDue
.toString() !=
''
? memberItemArray[index]
.sDue
.toString()
: '-'),
],
),
);
})
欢迎任何帮助或建议
【问题讨论】：
-
什么是scrollItem？？
-
这是我的小部件，它返回一个容器。我把它变成了一个函数，这样我就不必一次又一次地写它@Darish
Container scrollItem( double width, Color backColor, Color boundaryColor, String stText) { return Container( height: 30, width: width, decoration: BoxDecoration( color: backColor, border: Border.all(color: boundaryColor, width: .5)), child: Center( child: Text( stText, style: TextStyle(fontSize: 12, color: Colors.black), ), ), ); }
标签： listview flutter flutter-layout