微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Google图标徽标,用于Sign_in Flutter

如何解决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')
                        ],)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。