可以选择的文本 SelectableText

最新推荐文章于 2024-05-30 09:52:18 发布

原创最新推荐文章于 2024-05-30 09:52:18 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

flutter 专栏收录该内容

220 篇文章

订阅专栏

这篇博客介绍了如何在Flutter中利用SelectableText组件来复制和编辑文本内容。通过TextSpan实现不同样式的文本混合展示，如设置斜体和加粗。同时，展示了showCursor方法用于显示光标，并提到了其他属性可用于自定义光标的样式，帮助开发者更好地控制用户交互体验。

有时，我们想复制内容，可以用SelectableText。

const SelectableText.rich(
  TextSpan(
    text: 'Hello', // default text style
    children: <TextSpan>[
      TextSpan(text: ' beautiful ', style: TextStyle(fontStyle: FontStyle.italic)),
      TextSpan(text: 'world', style: TextStyle(fontWeight: FontWeight.bold)),
    ],
  ),
)

showCursor 可以显示光标，其他属性也可以定义光标的样式等操作。