前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flutter RichText简单使用

Flutter RichText简单使用

作者头像
赵哥窟
发布2021-06-11 18:32:35
4720
发布2021-06-11 18:32:35
举报
文章被收录于专栏:日常技术分享

截屏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'),
          ),
        ],
      ),
    );
  }
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档