dart - 在 flutter 中在图标上写文字

Question

我正在使用这段代码:如何在 flutter 中设置这种布局

Container(
      height: 200.0,
      decoration: new BoxDecoration(
        color: Colors.white,
        shape: BoxShape.circle,
      ),
      child: Center(
        child: Stack(
          children: <Widget>[
            Icon(Icons.play_arrow, color: Colors.blue, size: 200.0,)
          ],
        ),
      ),

    );

Answer 1

试试这个，你只需要让 Stack 居中对齐并在 Stack 数组中添加一个 Text。

Container(
      height: 200.0,
      decoration: new BoxDecoration(
        color: Colors.white,
        shape: BoxShape.circle,
      ),
      child: Center(
        child: Stack(
          alignment: Alignment.center,
          children: <Widget>[
            Icon(
              Icons.play_arrow,
              color: Colors.blue,
              size: 200.0,
            ),
            Text(
              "Play",
              style: TextStyle(fontSize: 18,color: Colors.white),
            ),
          ],
        ),
      ),
    )