时间戳

首页 > 解决方案 > Flutter 可重用方法/小部件

flutter - 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'),
            ],
          ),
      )
    );
  }

标签： flutterwidget

解决方案

你得到一个空白输出，因为你给 childAspectRatio 一个太大的值

尝试删除或更改此行：

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

推荐阅读