flutter 如何更改DartPad用户界面?

hrirmatl  于 2022-12-05  发布在  Flutter
关注(0)|答案(3)|浏览(117)

有什么方法可以将DartPad的UI从“暗”更改为“亮”,或者从“亮”更改为“暗”吗?我在DartPad上没有找到任何按钮可以这样做。

1u4esq0p

1u4esq0p1#

DartPad没有lightmode,即使有一些requests。另请参阅this问题。

wydwbb8l

wydwbb8l2#

我刚刚安装了Chrome扩展“Invert!”,它工作了。不是很好的颜色,但对我来说比黑色好。

bsxbgnwa

bsxbgnwa3#

看起来他们支持在通过iframe嵌入时指定主题。
因此,如果你想要灯光主题,你可以创建本地的dartpad.html(或任何.html)文件,并将以下代码放入其中:

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            margin: 0;
        }
        iframe {
            display: block;
            border: none;
            height: 100vh;
            width: 100vw;
        }
    </style>
</head>
<body>
    <iframe src="https://dartpad.dev/embed-dart.html?theme=light"></iframe>
</body>
</html>

我也把同样的文件放到了GitHub页面,所以你可以使用这个链接:https://ivanzoid.github.io/dartpad-light/

相关问题