当前位置:   article > 正文

Text和Image在Row里面对齐的坑_flutter row当中的icon图标和文字不对齐

flutter row当中的icon图标和文字不对齐
  1. Container(
  2. margin: EdgeInsets.only(top: 4),
  3. padding: EdgeInsets.fromLTRB(12, 3, 7, 3),
  4. child: Row(
  5. children: [
  6. Text("營業中",
  7. style: TextStyle(
  8. height: 1.4,
  9. fontSize: 12,
  10. textBaseline: TextBaseline.alphabetic,
  11. color: Color(0XFFFA6C17),
  12. fontWeight: FontWeight.bold),
  13. textAlign: TextAlign.center,
  14. maxLines: 1,
  15. textDirection: TextDirection.ltr),
  16. Image.asset(
  17. "assets/images/public/icon_system_arrow_mini_right.png",
  18. width: 16,
  19. height: 16,
  20. )
  21. ],
  22. ),
  23. decoration: BoxDecoration(
  24. color: Color(0xfffef0e8),
  25. borderRadius: BorderRadius.all(Radius.circular(8)),
  26. ),
  27. ),

假如不加height属性 文字始终不能垂直居中,设置height就好了,这个属性的意思是行高,不要设置太大,他会乘以fontSize得出的结果才是行高,目前暂时知道这种方法可以垂直居中。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/286585
推荐阅读
相关标签
  

闽ICP备14008679号