【问题标题】:Flutter: Position the textfield labelTextFlutter:定位文本字段labelText
【发布时间】:2021-07-28 20:55:25
【问题描述】:

对于Flutter TextField LabelText,默认的聚焦行为如下:

...LabelText(“电子邮件”)位于上边框的位置。

我正在尝试在聚焦时将 labelText 重新定位如下:

...labelText 位于边框下方的位置。

我知道可以在 textField 上制作单独的边框,但是要采用基于 textField 的边框行为(即错误、聚焦、禁用等)还需要做更多的工作,并且可能会导致更多头疼的路。

有没有办法在 TextField 属性中移动 labelText 的位置?

【问题讨论】:

    标签: flutter


    【解决方案1】:

    您可以手动执行此操作。将 TextField 和 GestureDetector->Container->Column->Text() * 2 包装到 Stack widget 中。 简而言之,Stack 有两个小部件,TextField 和 GestureDector。 GestureDector 有 Contianer , Container 有 Column 和 Column 作为您想要的 Text 小部件。

    【讨论】:

    • 这是我希望避免的。随着 Flutter 的更新,未来出现问题的可能性更大。似乎没有任何本地方式来处理 LabelText 位置。
    • 我会为此构建一个包。 :)
    猜你喜欢
    • 2021-07-12
    • 2020-09-06
    • 2018-12-12
    • 2013-05-02
    • 1970-01-01
    • 2021-10-26
    • 2022-09-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多