我得到了带有下划线的文本小部件 Flutter

Question

我正在构建我的第一个 Web 项目。所以该项目的结构如下： Web：是一个网站，其中一个页面 (RetailerAccess) 是一个应与所有设备兼容的实际应用程序。为此，我使用平台检查 main() 和 return 正确的屏幕。

home: kIsWeb
            ? Stack(
                children: [
                  Container(
//        color: Colors.white,
                    child: AnimatedBackground(),
                  ),
                  LayoutTemplate()
                ],
              )
            : RetailerAccess());

它按预期工作。当运行在浏览器上显示网页时，您可以导航到 RetailerAccess，而如果运行在 iPad 上直接启动 RetailerAccess。到目前为止，一切都很好。奇怪的是，文本小部件是用双绿色下划线绘制的，其中运行在设备上，而当运行在浏览器上正常绘制时。您是否知道任何导致其行为如此的错误，或者我是否应该以特定方式设置某些内容？

我在旧的 iPad 3 运行 iOS 9.3.5 上以 Release 模式尝试了运行但没有变化..

非常感谢您的帮助。

更新：

我意识到我在 RetailerAccess 中没有 Scaffold 用 Material 小部件包裹它并解决了它。无论如何不应该将主题传递给 RetailerAccess 吗？

Answer 1

您收到错误消息是因为您没有 scaffold 小部件。试试下面的代码：它完美运行：

home: kIsWeb
            ? Scaffold(
            Stack(
                children: [
                  Container(
//        color: Colors.white,
                    child: AnimatedBackground(),
                  ),
                  LayoutTemplate()
                ],
              )
            ),
            : Scaffold( 
            RetailerAccess()
            );

希望对您有所帮助。

我得到了带有下划线的文本小部件 Flutter

I get text widgets drawn with underline Flutter

flutter

flutter-web