fluttet 文本组件demo
程序员文章站
2022-05-29 12:05:32
...
import 'package:flutter/material.dart'; class ContainerDemo extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: implement build return new Scaffold( appBar: new AppBar( title: new Text('文本组件'), ), body: new Column( children: <Widget>[ new Text( '红色+黑色删除线+25号', style: new TextStyle( color: const Color(0xffff0000), decoration: TextDecoration.lineThrough, decorationColor: const Color(0xff000000), fontSize: 25.0, ), ), new Text( '橙色+下划线+24号', style: new TextStyle( color: const Color(0xffff9900), decoration: TextDecoration.underline, fontSize: 24.0, ), ), new Text( '徐线上划线+23号+倾斜', style: new TextStyle( decoration: TextDecoration.overline, decorationStyle: TextDecorationStyle.dashed, fontSize: 23.0, fontStyle: FontStyle.italic, ), ), new Text( '24号+加粗', style: new TextStyle( fontSize: 23.0, fontStyle: FontStyle.italic, fontWeight: FontWeight.bold, letterSpacing: 6.0, ), ), ], ), ); } } void main() { runApp( new MaterialApp( title: 'Text demo', home: new ContainerDemo() ) ); }
推荐阅读
-
iOS App开发中扩展RCLabel组件进行基于HTML的文本布局
-
iOS App开发中扩展RCLabel组件进行基于HTML的文本布局
-
xmlplus组件设计系列之文本框(TextBox)(3)
-
vue富文本编辑器组件vue-quill-edit使用教程
-
Flutter学习笔记(21)--TextField文本框组件和Card卡片组件
-
C#读取文本文件到listbox组件的方法
-
【分享】Vue 资源典藏(UI组件、开发框架、服务端、辅助工具、应用实例、Demo示例)
-
React-Native做一个文本输入框组件的实现代码
-
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
-
xmlplus组件设计系列之文本框(TextBox)(3)