无涯教程网

像图像一样Flutter 自定义标签

发布于05月15日

我们如何创建一个自定义选项卡，就像Ffltter中的波纹图像？

我搜索了很多定制选项卡，但都不喜欢这个.

推荐答案

首先，您将创建一个列表，在该列表中您将使用 colored颜色、名称等.为此创建一个模型会更好并把它们放在一张 list 上.
然后生成一个水平可滚动的列表视图.您将用墨盒包装每个ListView，这样它们就是"Tab-able"的.此外，它们还必须被包装在一个容器中，在容器的顶部，你可以给它们一个圆角的边框和你想要的 colored颜色
然后创建一个高度为2的Container，并基于表项目 colored颜色更新其 colored颜色 .
如果你也想要更高级，你可以拿一个动画容器而不是一个普通的容器作为Listview-Items，这样你就可以在点击它时改变它的大小.这将需要进行大量的微调.

有了这本食谱，你就可以制作自己的食谱了.

Flutter相关问答推荐

在Flutter中创建具有固定行的压缩水平列表

使用Flutter 提供程序包加载状态应用程序时，在自定义按钮中显示CircularProgressIndicator

如何让一个名为ONTAP的回调函数、另一个名为onTapDown的回调函数和另一个名为onTapUp的回调函数不重叠？

在fltter_widget_from_html中启动url

摆动更改标记可轻敲文本按钮样式

使索引[0]在ListViewBuilder中返回字符串1

StateNotifer正在riverpod中提供初始状态值(bool)

如何手动将 FirebaseAuth 用户邮箱验证状态设置为 true

如何从flutter连接PostgreSQL数据库？

Flutter：如何在现有布局之上显示圆角布局？

Flutter居中的SizedBox无法居中

Firebase Auth - 有没有办法为新用户预先生成 UID？

我怎样才能消除我的 Column 子元素之间的差距？

Flutter可滚动定位列表支持rtl方向吗？

这是使用导航功能处理从一页到另一页的移动的最佳方式

在提供程序包更改通知程序中构建倒计时时钟

在 flutter 中自定义 agora 视频通话 UI

避免长单词中断

为什么这个循环只发生一次？Flutter /dart

小部件库捕获的 Flutter 异常

实用课程推荐

相关教程推荐