Text可通过以下两种方式来创建:
1、直接创建:
Text('我是一段文本')
Span只能作为Text和RichEditor组件的子组件显示文本内容。可以在一个Text内添加多个Span来显示一段信息,会取消Text显示文字。
Span组件需要写到Text组件内,单独写Span组件不会显示信息,Text与Span同时配置文本内容时,Span内容覆盖Text内容。
设置文本装饰线及颜色,通过decoration设置文本装饰线及颜色。
通过textCase设置文字一直保持大写或者小写状态。
由于Span组件无尺寸信息,事件仅支持添加点击事件onClick。
通过textAlign属性设置文本对齐样式。
通过textOverflow属性控制文本超长处理,textOverflow需配合maxLines一起使用(默认情况下文本自动折行)。
通过lineHeight属性设置文本行高。
通过baselineOffset属性设置文本基线的偏移量。
通过letterSpacing属性设置文本字符间距。
通过minFontSize与maxFontSize自适应字体大小,minFontSize设置文本最小显示字号,maxFontSize设置文本最大显示字号,minFontSize与maxFontSize必须搭配同时使用,以及需配合maxline或布局大小限制一起使用,单独设置不生效。
通过copyOption属性设置文本是否可复制粘贴。
TextInput为单行输入框、TextArea为多行输入框。
TextInput有9种可选类型,分别为Normal基本输入模式、Password密码输入模式、Email邮箱地址输入模式、Number纯数字输入模式、PhoneNumber电话号码输入模式、USER_NAME用户名输入模式、NEW_PASSWORD新密码输入模式、NUMBER_PASSWORD纯数字密码输入模式、NUMBER_DECIMAL带小数点的数字输入模式。通过type属性进行设置:
文本框主要用于获取用户输入的信息,把信息处理成数据进行上传,绑定onChange事件可以获取输入框内改变的内容。用户也可以使用通用事件来进行相应的交互操作。
SymbolGlyph是图标小符号组件,便于使用精美的图标,如渲染多色图标。SymbolGlyph通过引用Resource资源来创建,资源引用类型可以通过$r创建Resource类型对象。
模态(Modal)是UI组件或视图的一种状态。其在消失之前,用户只能对处于模态的组件或视图进行响应,不能操作其他非模态的组件或视图,干扰性比较强。
名称
使用场景
AlertDialog
ActionSheet
CustomDialog
当用户需要自定义弹窗内的组件和内容时使用。
Popup
用于为指定的组件做信息提示。如点击一个问号图标弹出一段气泡提示。
Menu/ContextMenu
用于给指定的组件绑定用户可执行的操作,如长按图标展示操作选项等。
Button有三种可选类型,分别为胶囊类型(Capsule)、圆形按钮(Circle)和普通按钮(Normal),通过type进行设置。