我的 listView 顯示這樣的輸出，我已經嘗試 padding: EdgeInsets.zero,在串列視圖中添加，但它不起作用。這是我的編碼
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Seller Home'),
centerTitle: true,
actions: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
ElevatedButton(onPressed: () => Navigator.pop(context),
style: ElevatedButton.styleFrom(
primary: Color.fromRGBO(228, 144, 56,1),
elevation: 5, // Elevation
shadowColor: Colors.grey,
padding: EdgeInsets.all(10),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20))// Shadow Color
),
child: Text("Switch to Buyer"),
),
SizedBox(width: 5,)
],
),
],
),
// Using StreamBuilder to display all products from Firestore in real-time
body: StreamBuilder(
stream: ref.snapshots(),
builder: (context, AsyncSnapshot<QuerySnapshot> streamSnapshot) {
if (streamSnapshot.hasData) {
return ListView.builder(
padding: EdgeInsets.zero,
itemCount: streamSnapshot.data!.docs.length,
itemBuilder: (context, index) {
final DocumentSnapshot documentSnapshot =
(streamSnapshot.data!.docs[index]);
DateTime dt = (documentSnapshot['endDateTime'] as Timestamp).toDate();
if(documentSnapshot['userid'] == CurrentUserId()){
//DateTime dt = (documentSnapshot['endDateTime'] as Timestamp).toDate();
return Padding(
padding: const EdgeInsets.symmetric(vertical: 6),
child: GestureDetector(
onTap: (){
Navigator.of(context).push(MaterialPageRoute(builder: (context)=>ProductDetail(id: documentSnapshot['id'])));
},
child: Container(
padding:
EdgeInsets.all(8),
decoration: BoxDecoration(
boxShadow: [
BoxShadow(
color: Colors.grey.withOpacity(0.5),
spreadRadius: 5,
blurRadius: 7,
offset: Offset(0, 3), // changes position of shadow
),
],
color: Colors.white,
borderRadius: BorderRadius.circular(15),
),
child: Row(
children: [
SizedBox(
width: 88,
child: AspectRatio(aspectRatio: 0.88,
child: ImageAvatar(documentSnapshot['imageURL'][0]),
),
),
SizedBox(width: 20),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
documentSnapshot['nameP'],
style: const TextStyle(
color: Colors.black, fontSize: 16),
maxLines: 2,
),
SizedBox(height: 10),
Text.rich(
TextSpan(
text: "Category "
(documentSnapshot['categoryP'])
.toString(),
style: const TextStyle(
fontWeight: FontWeight.w600,
fontSize: 18
),
),
),
Container(
padding: EdgeInsets.all(5),
child: CountDownText(due: dt,
finishedText: "The Auction has Ended",
showLabel: true,
longDateName: false,
daysTextShort: " D ",
hoursTextShort: " H ",
minutesTextShort: " M ",
secondsTextShort: " S ",
style: TextStyle(color: Colors.red,fontWeight: FontWeight.w600,
fontSize: 18),
)
),
],
),
const Spacer(),
Column(
children: const [
SizedBox(
height: 30,
),
],
),
],
),
),
),
);
}
return Card();
},
);
}
return const Center(
child: CircularProgressIndicator(),
);
},
),
);
}
這是我的 ImageAvatr 小部件和 downloadURL
Future<String> downloadURL(String images) async{
url = await st.ref('products/$images').getDownloadURL();
return url;
}
Widget ImageAvatar(String image) => FutureBuilder( future: downloadURL(image) ,
builder: (BuildContext context, AsyncSnapshot snapshot){
if(snapshot.hasData){
return Image.network(snapshot.data);
}
return const Center(
child: CircularProgressIndicator(),
);
}
);
uj5u.com熱心網友回復：
如果沒有資料，則回傳 areturn SizedBox.shrink();而不是return Card();
現在，如果沒有資料，它將回傳具有默認大小的 Card，但如果您使用 SizedBox.shrink 則不會占用任何額外空間
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/497917.html