从完成[flutter竖向显示文字]到对实现方式[Rich Text和Text Span]的一些整理 |
您所在的位置：网站首页 › 文字竖排顿号怎么返方向 › 从完成[flutter竖向显示文字]到对实现方式[Rich Text和Text Span]的一些整理 |
|
前言
完成的需求是竖向显示文字，而已有的RotatedBox虽然可以让文字内部控件进行指定角度的旋转，但是不能保持文字仍正常显示（它会因为旋转横着），遂尝试Rich Text和Text Span的方式，这两个我曾在android有略微了解，这次趁机整理 实现竖向显示文字利用 \n，TextSpan显示文字会把其转变为换行符，每个文字跟一个\n RichText RichText控件使用一个或多个TextSpan对象来创建富文本显示传统Text控件只能为整个文本字符串设置单一的样式而RichText则提供了更多的灵活性，可以将不同的样式应用于同一个文本段落中的不同部分最基本使用来了解大概用法 RichText( text: TextSpan( text: 'Hello', style: DefaultTextStyle.of(context).style, children: [ TextSpan(text: 'bold', style: TextStyle(fontWeight: FontWeight.bold)), TextSpan(text: ' world!', style: TextStyle(fontStyle: FontStyle.italic)), ], ), )控件的效果将是显示"Hello bold world!"文本，其中"bold"将会加粗显示，而"world!"将会以斜体显示 style属性的作用 style属性用于定义文本的样式，包括字体大小、颜色、字重（粗细）、字体样式（正常或斜体）等style: DefaultTextStyle.of(context).style,意味着顶层TextSpan也就是“Hello ”这部分文本将使用BuildContext中找到的默认文本样式如果没有指定样式，TextSpan将使用Flutter主题中定义的默认文本样式 RichText的text属性与TextSpan的text有什么区别RichText的text属性： 一个TextSpan对象，代表RichText控件中要显示的所有文本的根它可以包含自己的文本内容和样式，并且可以拥有子TextSpan对象这个属性是必需的，因为它定义了RichText控件将要渲染的内容TextSpan的text属性： 指定该TextSpan对象要显示的文本内容每个TextSpan可以包含自己的text属性，并且可以通过children属性包含其他TextSpan对象，从而构建出复杂的文本结构 RichText控件的其他常用属性 textAlign：如何对齐文本textDirection：确定文本的阅读方向，从左到右或者从右到左，尚不能满足需求softWrap：是否在溢出容器时换行overflow：当文本溢出容器时，如何处理额外的文本 TextSpan TextSpan可以包含自己的文本和样式，也可以包含其他TextSpan子项TextSpan通常与RichText一起使用，但它本身并不是一个控件，而是一个描述文本段落中一部分文本样式的对象 属性text：可选，可只使用TextSpan来应用样式而不显示文本，例如，作为children属性的容器 style：一个TextStyle对象，用于定义文本的样式，包括字体、大小、颜色、字重等 children：一个TextSpan列表 recognizer：用于添加文本交互，比如链接或按钮功能，通常与TapGestureRecognizer等手势识别器一起使用 |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |