我正在嘗試為我的應用制作 ListView。當我添加串列視圖時，串列視圖不可見或不顯示。
資訊
Flutter 版本：3.3.8 Engine 版本 857bd6b74c Dart 版本 2.18.4 DevTools 版本 2.15.0
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.grey[100],
body: Container(
padding: const EdgeInsets.only(left: 20, top: 50),
child: Column(
children: <Widget>[
Container(
padding: const EdgeInsets.all(0),
child: Column(
children: [
Expanded(
child: ListView(
shrinkWrap: true,
children: <Widget>[
Expanded(
child: Column(
children: [
Container(
decoration: BoxDecoration(
image: const DecorationImage(
image: NetworkImage("..."),
),
borderRadius: BorderRadius.circular(20.0)
),
),
const Text("Pineapple")
],
),
)
],
),
)
],
),
)
],
)
)
);
}
uj5u.com熱心網友回復：
添加屬性“primary: false”
Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.grey[100], body: Container( padding: const EdgeInsets.only(left: 20, top: 50), child: Column( children: [ 容器( padding:常量 EdgeInsets.all(0), child: Column( children: [ Expanded( child: ListView( shrinkWrap: true, primary:false, children: [ Expanded( child: Column( children: [ Container( decoration: BoxDecoration( image: const DecorationImage( image: NetworkImage("..."), ), borderRadius: BorderRadius.circular(20.0) ), ), const Text("菠蘿") ], ), ) ], ), ) ], ), ) ] , ) ) ); }
uj5u.com熱心網友回復：
只需洗掉 Expand() 小部件
回傳腳手架（背景顏色：Colors.grey [100]，主體：容器（填充：const EdgeInsets.only（左：20，頂部：50），孩子：列（孩子：[容器（填充：const EdgeInsets.all（0） , child: Column( children: [ ListView( shrinkWrap: true, primary: false, children: [ Column( children: [ Container( decoration: BoxDecoration( image: const DecorationImage( image: NetworkImage("..."), ), borderRadius: BorderRadius.circular(20.0)), ), const Text("菠蘿") ], ) ], ) ], ), ) ], )));
uj5u.com熱心網友回復：
洗掉Expanded小部件
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.grey[100],
body: Container(
padding: const EdgeInsets.only(left: 20, top: 50),
child: Column(
children: [
Container(
padding: const EdgeInsets.all(0),
child: Column(
children: [
ListView(
shrinkWrap: true,
primary:false,
children: [
Column(
children: [
Container(
decoration: BoxDecoration(
image: const DecorationImage( image: NetworkImage("..."), ),
borderRadius: BorderRadius.circular(20.0)
),
),
const Text("Pineapple")
],
)
],
)
],
),
)
],
)
)
);
}
uj5u.com熱心網友回復：
請洗掉不必要的小部件，如Expanded(),Column()等。您不需要使用這些小部件，因為您使用ListView(),ListView()本身需要多個子項。Column()所以你不需要Expanded()在ListView(). 這是完整的解決方案
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.grey[100],
body: Container(
padding: const EdgeInsets.only(left: 20, top: 50),
child: Column(
children: <Widget>[
Container(
padding: const EdgeInsets.all(0),
child: Column(
children: [
ListView(
shrinkWrap: true,
children: <Widget>[
Container(
height: 200,
decoration: BoxDecoration(
image: const DecorationImage(
image: NetworkImage(
"https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Image_created_with_a_mobile_phone.png/640px-Image_created_with_a_mobile_phone.png"),
),
borderRadius: BorderRadius.circular(20.0)),
),
const Text("Pineapple")
],
)
],
),
)
],
),
),
),
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/535034.html
標籤：安卓扑镖