问题标签 [flutter-clippath]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
31 浏览

flutter - 如何创建上述自定义 clipPath 小部件?(我附上截图)

这是我要存档的自定义 Appbar

在此处输入图像描述

0 投票
1 回答
56 浏览

flutter - 如何使用 ClipPath 来获得这种类型的设计布局?

我一直在摸索很长一段时间,只是为了获得这种类型的 TextFormField 设计布局,但失败了!

文本表单域

注意反海峡线。我在 Internet 上对该布局的进一步搜索得出的结论是,我可以使用自定义剪辑器或剪辑路径来归档这种类型的布局。但我只是一个学习颤振的初学者,以前从未使用过自定义剪裁器,我不知道如何使用它。请帮忙。

0 投票
0 回答
92 浏览

flutter - 如何在 Flutter 中为容器提供自定义边框?

我想把向外弯曲的边框放在左下角,把向内的边框放在右边,只是想让这个图案与之相反。这是我的 CustomClipper 代码

图片:

在此处输入图像描述

0 投票
1 回答
82 浏览

flutter - 消息颤动中的自定义容器边框

我是新来的,我不知道如何制作自定义边框,请帮助我生成这种类型的边框。

在此处输入图像描述

0 投票
0 回答
32 浏览

flutter - 如何在溢出堆栈内显示图像,在具有 Clipper ( ClipPath() ) 的容器内?

我不确定我是否说得通,但本质上,我想在一个带有裁剪器 ( ClipPath()) 的容器内有一个全尺寸的图像。图像需要溢出两个剪辑器。这是我试图实现的目标:

一个女人在一个
定制容器内溢出的图像

我将溢出图像放入
自定义剪裁器容器中的输出/尝试
在此处输入图像描述 在此处输入图像描述

不幸的是,当我收到此错误消息时,我的方法不起作用:

断言失败:..\...\widgets\basic.dart:920

clipBehavior != Clip.none

不是真的

这是我的代码

Stack' 和ClipPaths' 的clipBehavior属性都设置为时会出现错误Clip.none。请帮忙,谢谢!

0 投票
0 回答
29 浏览

flutter - Flutter - 使用 ClipPath 从精灵表中渲染不同的精灵

我很想获得一些关于如何实现以下内容的想法:

我有一些资产是 1920x1080 SVG。该资产是一个精灵表。我想在使用时保持其纵横比ClipPath,以便对精灵表进行切片并仅使用我需要的部分。作为第一步,我尝试将其渲染为GridView.count只是为了确保我知道如何使用它的所有部分,并将 SVG 包含在OverflowBox.

我不确定我是否确实设法正确地剪辑了精灵表,如果是这样,为什么网格会这样渲染(下面附上截图)。

提前致谢。

编辑:看起来像ClipPath作品,它剪辑了我想要的部分,但是剪辑的部分没有与容器对齐,而是按原样呈现......

如何网格渲染

0 投票
1 回答
38 浏览

flutter - 同时在 2 个 Web 浏览器/选项卡上运行相同的应用程序 (Flutter)

我正在尝试运行相同代码的 2 个不同的 Web 实例(chrome chrome 或 chrome edge)。就像手机模拟器一样(可能是ofc,我可以同时打开2个不同的模拟器)但是网络可以吗?如果是的话,有什么想法吗?我仍然可以使用 F5 运行 1 个 chrome 实例

我先跑

当我尝试运行时,它会返回 3 个连接的设备(Windows、Chrome 和 Edge)

它没有找到任何设备。

我正在使用 Flutter 2.10,“flutter doctor”有 0 个问题。