gpt4 book ai didi

dart - 为什么未显示展开 View

转载 作者:IT王子 更新时间:2023-10-29 07:19:45 25 4
gpt4 key购买 nike

我正在尝试 flutter,这里我有一个简单的卡片 View ,其中有一个添加 AddButton ,当按下按钮时,将添加新卡片。
现在,我想让它可以滚动,所以在 Column 中添加了 ListView 和一个扩展的 Widget。这是代码...

   import 'package:flutter/material.dart';

import './products.dart';
import './product_control.dart';

class ProductManger extends StatefulWidget {
final String startingProduct;
ProductManger({this.startingProduct = "Sweet Tester"});
@override
State<StatefulWidget> createState() {
return _ProductManagerState();
}
}

class _ProductManagerState extends State<ProductManger> {
List<String> _products = ['Food Tester'];

@override
void initState() {
_products.add(widget.startingProduct);
super.initState();
}

void _addProducts(String product) {
setState(() {
_products.add(product);
});
}

@override
Widget build(BuildContext context) {
return Column(children: [
Container(margin: EdgeInsets.all(10.0), child: ProductControl(_addProducts)),
Expanded(child: Products(_products))
]);
}
}

如果我将 Expanded 更改为带高度的 Container,它会按预期工作,但现在除了一个按钮外,没有显示任何内容。
我目前正在学习一个教程,编写了完全相同的代码,但是,flutter 的版本是 0.3.2 而我使用的是 1.5
或者模拟器可能有问题?
希望这可以帮助。

这是 ListView 的代码

    import 'package:flutter/material.dart';

class Products extends StatelessWidget {
final List<String> products;

Products([this.products = const []]);

@override
Widget build(BuildContext context) {
return ListView(
children: products
.map((element) => Card(
child: Column(
children: <Widget>[
Image.asset('assets/food.jpg'),
Text(element)
],
),
))
.toList());
}
}

这是可见的enter image description here当我使用高度为 300.0 的 Container 进行扩展时

当我使用 expand 时,这就是显示的内容 enter image description here

最佳答案

请尝试改变

 @override
Widget build(BuildContext context) {
return Column(children: [
Container(margin: EdgeInsets.all(10.0), child: ProductControl(_addProducts)),
Expanded(child: Products(_products))
]);
}

 @override
Widget build(BuildContext context) {
return SingleChildScrollView(
child: Column: children: [
Container(
margin: EdgeInsets.all(10.0),
child: ProductControl(_addProducts)),
Expanded(child: Products(_products))
]);
}

如果不行,请看SingleChildeScrollView

关于dart - 为什么未显示展开 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56207420/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com