Flutter for Web - 有没有办法实现类似桌面的文本框?

Posted

技术标签:

【中文标题】Flutter for Web - 有没有办法实现类似桌面的文本框?【英文标题】:Flutter for Web - is there any way to implement desktop-like textbox equivalent? 【发布时间】:2019-11-20 12:25:28 【问题描述】:

我想创建一个包含多个输入字段的简单网站,其中一个需要接受多行输入。因为无论如何我都在学习 Flutter,所以我认为这将是一个使用 Flutter for Web 实现此目的的好机会。

有没有办法实现类似于传统文本框的小部件? 我使用了多行 TextField 小部件,但从用户体验的角度来看,它并不是完美的解决方案。

提前感谢所有提示。

【问题讨论】:

它有什么不完美的地方? @MahMoos 主要问题是文本选择,它以移动方式运行 在这种情况下,我认为您应该在 GitHub 存储库上打开一个问题。 【参考方案1】:

你可以做一个maxLines 属性,比如:

TextField(
            maxLines: 3,
            decoration: InputDecoration(
              labelText: allTranslations.text(StringConstant.description),
              ),
            ),

然后它有更多的高度像一个网络textField

【讨论】:

我主要关心的是文本选择,尤其是当文本不适合 TextField 时,它会以移动方式运行。在Flutter for Web Github page 上我发现了以下语句:At this time, desktop UI interactions are not fully complete, so a UI built with flutter_web may feel like a mobile app, even when running on a desktop browser. 我想我只能等待进一步的框架开发。

以上是关于Flutter for Web - 有没有办法实现类似桌面的文本框?的主要内容,如果未能解决你的问题,请参考以下文章

有没有办法在“Flutter web”应用程序的代码中获取用于启动应用程序的 URL?

我是 Flutter Web 的新手,如何使用 Firebase 电话身份验证对用户进行身份验证,有没有办法让用户保持登录状态?

Flutter For Web实践

有没有办法实现 Flutter ***小吃店?

为啥我的数据没有在 Flutter for web 中使用 api 从实时数据库中检索

有没有办法在使用或不使用 GitHub 工作流的情况下在 Netlify 上的 Flutter Web 部署中使用机密?