Google图标徽标，用于Sign_in Flutter

问题描述

我正试图通过从https://developers.google.com/identity/branding-guidelines下载来添加Google徽标以与Google进行登录。但是当我在Flutter应用程序中使用它时，徽标周围会出现一些线条和点。

GestureDetector(
                child: Container(
                          padding: EdgeInsets.only(right: _size.height * 0.016),decoration: Boxdecoration(
                            color: Colors.white,borderRadius: BorderRadius.circular(15.0),),child: Row(
                            mainAxisAlignment: MainAxisAlignment.center,mainAxisSize: MainAxisSize.min,children: <Widget>[
                              Container(
                                // decoration: Boxdecoration(color: Colors.blue),child: Image.asset(
                                  'assets/images/google_icon/btn_google_light_normal.9.png',fit: BoxFit.fitWidth,SizedBox(
                                width: 5.0,Text('Sign-in with Google')
                            ],

结果

enter image description here

或

enter image description here

如何消除G徽标周围的毛刺？

解决方法

我认为您使用的图像格式可能存在问题

Container(
  width:300,height:80,child: Row(
                        mainAxisAlignment: MainAxisAlignment.center,mainAxisSize: MainAxisSize.min,children: <Widget>[
                          Container(
                            // decoration: BoxDecoration(color: Colors.blue),child:  
                          Image.network('http://pngimg.com/uploads/google/google_PNG19635.png',fit:BoxFit.cover)
                          ),SizedBox(
                            width: 5.0,),Text('Sign-in with Google')
                        ],)