我嘗試創建一個可滾動的 ListView,但由于某些原因它不起作用。
我的目標:創建一個連接到 Firebase 的 ListView。我的 ListView 收集了很好的資料,但 scoll 是不可能的。
我的腳手架的主體:
body: const SingleChildScrollView(
child: RecipesInformations(),
),
我的小部件:
@override
Widget build(BuildContext context) {
return StreamBuilder<QuerySnapshot>(
stream: _recipesStream,
builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
if (snapshot.hasError) {
return const Text('Something went wrong');
}
if (snapshot.connectionState == ConnectionState.waiting) {
return const Text("Chargement recettes");
}
return ListView(
shrinkWrap: true,
children: snapshot.data!.docs.map((DocumentSnapshot document) {
Map<String, dynamic> data =
document.data()! as Map<String, dynamic>;
List tags = List.from(document["tags"]);
return Container(
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(color: const Color(0xFF011200)),
borderRadius: const BorderRadius.all(Radius.circular(8))),
margin: const EdgeInsets.only(
bottom: 32, left: 16, right: 16, top: 8),
padding: const EdgeInsets.all(32),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
data["title"],
overflow: TextOverflow.fade,
maxLines: 1,
softWrap: false,
style: Theme.of(context).textTheme.headline1,
)
],
),
],
));
}).toList(),
);
},
);
}
如果您需要更多資訊,請告訴我。
uj5u.com熱心網友回復:
洗掉SingleChildScrollView可能會有所幫助。
uj5u.com熱心網友回復:
在你的ListView建構式中,設定primary: false因為你將它嵌套在一個`SingleChildScrollView.
uj5u.com熱心網友回復:
使用
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/496808.html
