yako-dev / flutter_badges

A flutter package for creating badges.

Home Page:https://pub.dev/packages/badges

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

the border not anti-aliasing?

eggcaker opened this issue · comments

Environment

Package version: 3.0.2
Platform: Android
Device information: Android-12

Description

Check the screenshot, i have define a badge with a border(2), the border color is white, seem out side the border still has a very thin border, and color same as badget color. even the example app in the repo has same issue,( the yako app badge)

Images

1600662e5ee8dacd9589ac3c11effbc

Not sure it's anti-aliasing related issue

Hey @eggcaker, please try this version of badges:

badges:
    git:
      url: https://github.com/yako-dev/flutter_badges
      ref: 98-fix/border-clip-behavior

Here is clipBehavior: Clip.hardEdge is applied. Please tell me if it's better.

@yadaniyil thanks , but seems looks like before
微信图片_20230217065913

yes same here..
image

Hey @eggcaker and @dawarepramod4 , please try this version of badges:

badges:
    git:
      url: https://github.com/yako-dev/flutter_badges
      ref: 98-fix/border-stroke-align

Here is changed strokeAlign. Please tell me if it's better.

3.1.2:
image

98-fix/border-stroke-align not changing anything:
image

image

I fixed this by setting

borderSide: BorderSide(strokeAlign: 1)

in the BadgeStyle