Flutter 可重复使用 methods/widgets

Question

我正在做一个 flutter 项目，我需要重用一个函数。但下面的实现显示我空白输出。请帮忙

_storeCard(String url, String text) {
    return new Container(
      alignment: Alignment.center,
      child: Text(
        text,
        style: TextStyle(
          color: Colors.deepOrange,
          fontSize: 15.0,
          fontFamily: "WorkSansSemiBold",
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Container(
        child: Center(
          child: GridView.count(
            crossAxisCount: 2,
            childAspectRatio: (20 / (MediaQuery.of(context).size.width / 2)),
            children: [
              _storeCard('abcd', 'Processor'),
              _storeCard('abcd', 'Graphic Card'),
              _storeCard('abcd', 'Motherboard'),
            ],
          ),
      )
    );
  }

Answer 1

你得到空白输出是因为你给 childAspectRatio 的值太大了

尝试删除或更改此行：

childAspectRatio: (20 / (MediaQuery.of(context).size.width / 2)),

Flutter 可重复使用 methods/widgets

Flutter resusable methods/widgets

widget

flutter