flutter的Text内容自动换行导致留白问题

flutter的文本内容在中英文混排,或中文与数字或特殊符号或英文字母时,文本会被自动换行,这样会导致,换行后上一行末尾留出很大的空白区域。
解决思路:

1、把每个字符插入一个0宽的字符, \u{200B}

import 'package:characters/characters.dart';

class Strings {
  ///防止文字自动换行
  static String autoLineString(String str){
    if(checkStrNoEmpty(str)){
      return str.fixAutoLines();
    }
    return "";
  }
}

/// 防止文字自动换行
/// 当中英文混合,或者中文与数字或者特殊符号,或则英文单词时,文本会被自动换行,
/// 这样会导致,换行时上一行可能会留很大的空白区域
/// 把每个字符插入一个0宽的字符, \u{200B}
extension _FixAutoLines on String {
  String fixAutoLines() {
    return Characters(this).join('\u{200B}');
  }
}

2、
 

猜你喜欢

转载自blog.csdn.net/LoveShadowing/article/details/122576234