Flutter RichText简单使用

截屏2021-06-09 15.41.36.png

如图，这种展示方式就可以使用RichText

代码语言：javascript复制

Widget _tipsWidget() {
    return Container(
      color: Colors.white,
      height: 100,
      child: Column(
        children: [
          Container(
            margin: EdgeInsets.only(top: 20),
            alignment: Alignment.bottomCenter,
            child: RichText(
              text:  TextSpan(
                  text: '￥',
                  style: TextStyle(
                    fontSize: 16,
                    color: ColorsUtil.hexStringColor('111E36'),
                  ),
                  children: [
                    TextSpan(
                      text: '100',
                      style: TextStyle(
                        fontSize: 28,
                        color: ColorsUtil.hexStringColor('111E36'),
                      ),
                    ),
                    TextSpan(
                      text: '.00',
                      style: TextStyle(
                        fontSize: 18,
                        color: ColorsUtil.hexStringColor('111E36'),
                      ),
                    ),
                  ]
              ),
            ),
          ),
          Container(
            child: BaseText.baseText('您的福币余额', 12, '1A263D'),
          ),
        ],
      ),
    );
  }

png

0 人点赞