Flutter高效开发之封装Text

雨点打透心脏的1/2处 2021-09-02 06:11 475阅读 0赞

Text在Flutter中是一个常用的控件，当每次编写一个文本时，我们需要写一大堆的样式，造成代码行数的增加，这里我简单的封装了一下Text。

1 定义一个class文件，里面可以是多个控件的封装，这里我们封装了Text控件。

class MBuilder{ 
    
      static Text text(String text,{ double size  = 16,Color color,FontWeight weight =FontWeight.normal,int line = 1,TextAlign align = TextAlign.start,TextDecoration decoration = TextDecoration.none,double letterSp = 1.0,bool soft = true,TextOverflow flow = TextOverflow.ellipsis,double h=1.5}){ 
        return Text(text,style: TextStyle(fontSize: size,color: color==null?MColor.norFontColor:color,fontWeight: weight,decoration: decoration,letterSpacing: letterSp,height: h),overflow:flow,maxLines: line,textAlign: align,softWrap: soft);
      }
    
      static dot({ Color color}) { 
        return Container(
          height: 7,
          width: 7,
          decoration: BoxDecoration(
            color: color,
            borderRadius: BorderRadius.all(Radius.circular(7)),
          ),
        );
      }
    }

2 在需要用到的地方进行引用。

MBuilder.text('矿池列表',color: MColor.norFontColor, size: 16, weight: FontWeight.w500),

是不是感觉代码清晰了很多？？？

## 更多： ##

[如何写一个自己的小程序并上线][Link 1]

[ Github搭建个人博客（2019最新版,亲测）][Link 1]

qq加油小程序  
![徐代龙的技术博客][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70]

关注下面公众号 ，在微信后台回复「领取资源」，获取IT资源200G干货大全。

在微信后台回复「130个小程序」，即可免费领取享有导入就能跑的微信小程序  
![在这里插入图片描述][20201025221638123.png_pic_left]

[Link 1]: https://blog.csdn.net/xudailong_blog/article/details/107622817
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70]: /images/20210529/fe49c6479a3247f4bb3dda54051f1a4c.png
[20201025221638123.png_pic_left]: /images/20210529/9c532fb000954abda33b0e4af50c0a4b.png