Flutter:如何通过按钮以编程方式更改文本字段中文本的对齐方式?

托比

我是新手,并尝试构建一些基本的文本编辑选项(如inword)。这意味着,粗体,斜体,带下划线等。

我目前正在努力构建用于左对齐,居中对齐和右对齐的三个按钮。我已经尝试过用大胆的方法来构建它们,所以一个。

bool isBold = false;

按键:

_NoteButton(Icons.format_bold, Colors.green, () => setState(() => isBold = !isBold)),

在TextField中:

style: new TextStyle(fontWeight: isBold ? FontWeight.bold : FontWeight.normal),

我的问题是我只有“一个” TextAlignment行可用于三个Alignments,因此不可能做到与粗体或斜体完全相同的方式。

如果您可以共享三个按钮的代码以使文本字段中的左侧,中央和右侧的文本对齐,则将非常有帮助。

谢谢!

文森特·米奇基

声明一个变量,

TextAlign _align;

然后连续使用三个按钮,

Row(
    children: <Widget>[
      FlatButton(
        onPressed: () {
          setState(() {
            _align = TextAlign.left;
          });
        },
        child: Text('Align left'),
      ),
      FlatButton(
        onPressed: () {
          setState(() {
            _align = TextAlign.center;
          });
        },
        child: Text('Align center'),
      ),
      FlatButton(
        onPressed: () {
          setState(() {
            _align = TextAlign.right;
          });
        },
        child: Text('Align right'),
      ),
    ],
  );

然后在您的Text小部件中

Text('Align right', textAlign: _align)

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

创建文本字段和按钮以编程方式单击按钮获取文本字段文本

以编程方式更改 SwiftUI 文本字段值

以编程方式更改按钮文本

以编程方式创建文本字段?

如何以编程方式使键盘文本字段打开

如何选择以编程方式创建的文本字段?

Android以编程方式更改按钮的文本颜色

如何以编程方式快速创建具有控件文本字段,按钮等的自定义视图

单击按钮时以编程方式将焦点移至文本字段

文本字段中的对齐方式不起作用

角度html中输入文本字段的对齐方式

表单中文本字段的对齐

以编程方式在tableview中添加搜索文本字段

您可以通过编程方式更改android键盘文本字体吗?

如何修复div中文本而不是图像的对齐方式?

如何检查文本字段的存在性Xcode(以编程方式编码)

我需要在WebView内打开的网页中以编程方式填充文本字段。如何?

如何在swift ios中以编程方式添加多个文本字段

如何以编程方式在输入文本字段上触发输入事件?

如何以编程方式将文本字段固定到视图顶部?

如何限制Flutter中文本字段的大小?

如何更改pdfclown中文本字段的颜色?

如何更改UISearchBar中文本字段的位置

如何在 C# 中以編程方式更改 PPT 中的文本字段?

如何垂直对齐文本字段的标签和按钮

如何对齐球拍GUI文本字段和按钮

当用户以编程方式在Swift iOS中单击“删除”按钮时,如何自动将光标从一个文本字段移动到另一个文本字段?

如何更改ReadTheDocs Sphinx主题的文本对齐方式以“对齐”?

通过按钮单击 html javascrift 更改文本字段的值