У меня есть строка, в которой на данный момент есть два виджета.
Теперь я хочу создать gridview из этого, поэтому я использовал GridView.count (), чтобы сделать это.
Но теперь в строке мои дочерние виджеты отображаются отлично, но в GridView он всегда переполняется. Я не мог найти решение для своего кода. Вот строка:
Row(
children: <Widget>[
Expanded(
child: Product("This is a very long name of a bag that does not exist", "2000"),
),
Expanded(
child: Product("Some Other Bag", "2100"),
),
],
),
Здесь, в моем файле продукта:
импорт "пакет: флаттер / материал.дарт";
class Product extends StatelessWidget
{
final String productName;
final String price;
Product(this.productName, this.price);
@override
Widget build(BuildContext context) {
return Container(
child: Stack(
children: <Widget>[
Padding(
padding: EdgeInsets.all(5),
child: Card(
child: Column(
children: <Widget>[
Image.network("https://www.thereliablestore.com/storage/app/public/images/products/thumb/55E2SitbwR4KJrTJhDREgzFSemcx2BAakZdp55Uc.jpeg"),
SizedBox(height: 10,),
Text(
productName,
overflow: TextOverflow.ellipsis,
),
SizedBox(height: 10,),
Text(price),
SizedBox(height: 10,),
],
),
),
),
Image.asset("icons/ic-new.png", height: 35, width: 35,)
],
),
);
}
}
Но так как я использую Expanded (), я не могу сделать это в GridView.
И я не знаю, какого размера будет ребенок в конце концов. Так что я могу сделать, чтобы решить эту проблему?
РЕДАКТИРОВАТЬ: Обратите внимание, что это представление сетки будет внутри столбца.