我試圖讓這兩個影像彼此相鄰而不是彼此下方，但我不知道如何去做這樣的事情，我嘗試了一些帶有 I 變數的東西來影響索引，但這并沒有真正奏效。通常我可以做到這一點，但有了索引，我不知道該怎么做。
代碼：
Center(
child: Column(
children: [
_items.isNotEmpty
? Expanded(
child: ListView.builder(
itemCount: _items.length,
itemBuilder: (context, index) {
return Column(
children: [
RawMaterialButton(
child: Image(
image: NetworkImage(_items[index]["portrait"]),
height: 200,
width: 140,
),
onPressed: () {
Navigator.push(context, _AnimatedNavigation(SpecificCharacterRoute(
_items[index]["name"], _items[index]["name"], _items[index]["shop_background"], _items[index]["overview"],
_items[index]["difficulty"], "images/dbdsurvivorlogo.png")
)
);
},
),
],
);
},
),
)
: Container()
],
),
),
這是我的意思的影像
這是我所擁有的影像
uj5u.com熱心網友回復：
你可以GridView.count(使用 crossAxisCount: 2,
GridView.count(
crossAxisCount: 2,
children: [...],
);
或與.builder
GridView.builder(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
),
itemCount: ,
itemBuilder: (context, index) {...},
);
uj5u.com熱心網友回復：
您可以連續使用 2 個 Gridview。如果您想將行中的 2 更改為 3，則可以更改crossAxisCount。
GridView.builder(
gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
maxCrossAxisExtent: 200,
crossAxisCount: 2,
childAspectRatio: 3 / 2,
crossAxisSpacing: 20,
mainAxisSpacing: 20),
itemCount: _items.length,
itemBuilder: (BuildContext ctx, index) {
return Column(
children: [
RawMaterialButton(
child: Image(
image: NetworkImage(_items[index]["portrait"]),
height: 200,
width: 140,
),
onPressed: () {
Navigator.push(context, _AnimatedNavigation(SpecificCharacterRoute(
_items[index]["name"], _items[index]["name"], _items[index]["shop_background"], _items[index]["overview"],
_items[index]["difficulty"], "images/dbdsurvivorlogo.png")
)
);
},
),
],
);
}),
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/526215.html
標籤：扑镖颤振布局