flutter自定义文字装饰怎么做？答案

【问题标题】：How to make flutter customized text decoration?flutter自定义文字装饰怎么做？
【发布时间】：2019-11-11 06:14:04
【问题描述】：

我有以下小部件需要成为我的颤振应用程序中的列的一部分：
我试图通过创建一个行来制作这个小部件，然后在该行内放置一个文本小部件，然后搜索一个文本装饰，为文本的每一侧提供 2 行。但我没有找到任何提供这种形状的装饰。我发现的唯一装饰是：

Text('OR',
  style: TextStyle(
    fontSize: 30,
    color: Colors.grey,
    decoration: TextDecoration.underline
  ),
)

这将给出：
我还考虑了另一种解决方案，使这 2 行中的每一行都成为一个小部件，并将 3 个小部件（2 行和它们之间的文本）放在一行中。
但我认为颤振为此提供了更简单的解决方案。
任何想法都会有所帮助。

【问题讨论】：

我认为目前没有这样的装饰。你使用 row 的想法会奏效。

标签： flutter widget text-decorations

【解决方案1】：

应该这样做。利用内置的 Row 和 Divider 小部件：

class LineWithTitle extends StatelessWidget {
  const LineWithTitle({
    Key key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Row(
      children: <Widget>[
        Expanded(
          child: Divider(),
        ),
        Padding(
          padding: const EdgeInsets.all(16.0),
          child: Text('Jhone'),
        ),
        Expanded(
          child: Divider(),
        ),
      ],
    );
  }
}

【讨论】：

【解决方案2】：

Row(
  children:[
    Expanded(
      child: Divider(),
    ),

    Text('OR',
     style: TextStyle(
     fontSize: 30,
     color: Colors.grey,
     ),
    ),
    Expanded(
      child: Divider(),
    ),
  ],
);

【讨论】：

欢迎来到 Stack Overflow，感谢您提供答案。您能否编辑您的答案以包括对您的代码的解释？这将有助于未来的读者更好地理解正在发生的事情，尤其是那些不熟悉该语言并努力理解这些概念的社区成员。当至少有一些社区支持的旧答案已经存在时，这一点尤其重要。在什么条件下你的方法可能更受欢迎？您是否在利用新功能？