flutter - 如何在容器内的文本左侧添加图标

Question

我有以下小部件:

Widget get _animatedButtonUI => Container(
        height: 60,
        width: 290,
        decoration: BoxDecoration(
          border: Border.all(
            color: Color(0xFF9EC33B),
          ),
          borderRadius: BorderRadius.circular(100.0),
          color: Colors.white,
        ),
        child: Center(
          child: Text(
            'COTINUE WITH GOOGLE',
            style: TextStyle(
              fontSize: 14.0,
              fontWeight: FontWeight.bold,
              color: Color(0xFF9EC33B),
            ),
          ),
        ),
      );

因为它看起来像下图:



现在我需要在 Text 左边添加图标如下图:



那我怎么能做到这一点......

Answer 1

你只需要在容器内插入一行，就像这样:

Container(
        height: 60,
        width: 290,
        decoration: BoxDecoration(
          border: Border.all(
            color: Color(0xFF9EC33B),
          ),
          borderRadius: BorderRadius.circular(100.0),
          color: Colors.white,
        ),
        child: Row(
        children: <Widget>[
         Image.asset(yourImage),
         Center(
          child: Text(
            'COTINUE WITH GOOGLE',
            style: TextStyle(
              fontSize: 14.0,
              fontWeight: FontWeight.bold,
              color: Color(0xFF9EC33B),
            ),
          ),
        ),
       ],
      );

编辑:确保你修正了那个错字(“COTINUE WITH GOOGLE”=>“CONTINUE WITH GOOGLE”)