Sign_in flutter的谷歌图标(徽标)

Question

我试图添加谷歌的标志登录与谷歌从https://developers.google.com/identity/branding-guidelines下载。但是当我在flutter应用程序中使用它时，一些线条和圆点出现在logo周围。

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徽标周围的毛刺？

Answer 1

我认为您使用的图像格式可能有问题，请试用此代码

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