h65wang / flutter-animated-counter

An implicit animation widget that flips from one number to another.

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

垂直方向错位

zysc8313 opened this issue · comments

你好
前缀是中文时候,垂直方向有错位

AnimatedFlipCounter(
  value: 100,
  prefix: '中文: ',
  textStyle: TextStyle(
    fontSize: 10.0,
  ),
);

Cannot reproduce.

demo

Code:

AnimatedFlipCounter(
  value: 100,
  prefix: '中文: ',
  textStyle: TextStyle(
    fontSize: 10.0,
  ),
),
AnimatedFlipCounter(
  value: _value,
  prefix: "中文:",
  textStyle: TextStyle(
    fontSize: 80,
    fontWeight: FontWeight.bold,
    letterSpacing: -8.0,
    color: Colors.yellow,
    shadows: [
      BoxShadow(
        color: Colors.orange,
        offset: Offset(2, 4),
        blurRadius: 4,
      ),
    ],
  ),
),

你可以把字体放小,在外面套个有颜色的Container会更容易发现问题

WX20220128-124312@2x 2

WX20220128-124414@2x 2

你用的是10号字,我上面回复也用的10号字。我再给你加一个红色的Container试试:

image

  Container(
    color: Colors.red,
    child: AnimatedFlipCounter(
      value: 100,
      prefix: '中文: ',
      textStyle: TextStyle(
        fontSize: 10.0,
      ),
    ),
  ),

还是无法复刻,可能是你的字体或者平台问题,比如安卓上经常会有Flutter中文字无法对齐的情况,不是插件的问题。