问题标签 [flutter-slider]

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 投票
0 回答
342 浏览

flutter - Flutter - 如何使滑块小部件表现得像 SeekBar

我的 Flutter 代码(纯音频插件)

当前行为:当播放音频并且我拖动滑块时,您会注意到一个奇怪的动画,例如滑块被从相反的方向拖动。

我认为奇怪的行为是因为滑块的值在不断变化(音频播放)

必需的行为:当音频正在播放并且我拖动滑块时,滑块的拇指应该动画(移动)但滑块的值在拖动事件结束(onChnagedEnd)之前不应更改。就像 youtube 和任何其他音频/视频播放器一样。

提供者变量更新

0 投票
0 回答
121 浏览

flutter - 滑块 onChangeEnd 属性无法正常工作

我想在更改后将最后一个滑块值保存到 Firestore。我尝试使用 onChangeEnd 来做到这一点,但我得到的不是最后一个值,而是第一个选择的值。

例子

我想得到什么: 当前滑块位置是 3。我想在滑块上按 3 并将其滑动到 5,因为我的答案是 5。我想保存在 Firestore 中,我的答案是 5。在那之后,不可能移动滑块并给出新的答案。

我得到的#1: 当前滑块位置是 3。我在滑块上按 3,我想将其滑动到 5,因为我希望我的答案是 5。在 Firestore 中保存我的答案是 3。在那之后,它不是可以移动滑块并给出新的答案。

我得到的#2: 当前滑块位置是 3。我在滑块上按 5(不滑动),我希望我的答案是 5。在 Firestore 中保存我的答案是 5。之后,无法移动滑块并给出新的答案。

0 投票
2 回答
68 浏览

flutter - AnimatedList 中的滑块值错误

我有一个聊天气泡小部件,它具有带有小部件的音频播放器支持Slider
滑块的值会根据 AudioPlayer 的进度进行更改,这似乎工作正常。

当第一个音频完全播放时(意味着滑块的值现在是 100%),并且现在第二个聊天气泡被添加到AnimatedList然后最新的滑块的值为 100 而前一个的值为 0。

这是一个更好理解的示例:
消息 1 添加到列表:音频播放完成 => 滑块值为 100。
消息 2 添加到列表:滑块值为 100(应为 0),消息 1 中的滑块值为 0。

这是小部件:

该小部件又用于另一个处理消息类型并显示适当用户界面的小部件。
这里是:

这是AnimatedList

我也尝试过使用AutomaticKeepAliveClientMixin但仍然没有用。
对此的任何想法将不胜感激。

0 投票
0 回答
40 浏览

flutter - 为什么父类接受孩子的颜色?

我正在使用 Slider,我想更改拇指颜色,但这不起作用。thumbColor 接受来自 Child:Slider activeColor 的颜色。

0 投票
1 回答
206 浏览

flutter - Flutter - 如何在 Slider 小部件的轨道内添加小部件

我有一个简单的 Slider 小部件,我想在不同点的轨道内添加多个容器。

需要的结果图像 在此处输入图像描述

当前代码

0 投票
0 回答
58 浏览

flutter - 如何使用 Swiper(Slider) 映射或索引到图像和音频?

如何在颤动中映射或索引图像和音频

我正在尝试制作滑块应用程序如果滑块打开播放音频

我存储了 26 个图像和 26 个音频

如果第一张幻灯片打开播放第一个音频和第二个图像第二个音频

我正在使用 Swiper flutter_swiper: ^1.1.4 滑动滑块设置为自动播放

我正在使用音频播放器 assets_audio_player: ^2.0.10

我正在尝试制作完整的离线应用程序,所以我使用 assets_audio_player: ^2.0.10

0 投票
1 回答
129 浏览

flutter - 如何在颤动卡刷卡器中制作可重复使用的小部件?

我正在尝试Swiper在同一页面上使用具有不同参数的 Flutter,但是我不确定如何构造代码。

我想在多个页面中使用相同的代码我尝试了几种方法,但它不起作用。所以我想让这个小部件可重用

0 投票
1 回答
575 浏览

flutter - 如何在颤动中放大旋转木马滑块?

我有一个返回 carouselslider 的小部件,我想缩放和捏合图像

这是我的代码:

我试着这样写:

但它也不起作用

我应该怎么办?

0 投票
2 回答
207 浏览

flutter - 在颤动中更改滑块的拇指颜色

我正在尝试更改滑块的拇指颜色。

这是我的代码:

这是输出: 滑块

但是,如果我activeColor: Colors.white从上面的代码中删除属性,那么我会得到所需的拇指颜色。

但是,如果我重新添加activeColor参数,那么甚至拇指颜色也会发生变化。

如何将拇指颜色设为粉红色,将活动颜色设为白色?

这是我需要的输出:

滑块

0 投票
0 回答
449 浏览

flutter - 如何在颤动中为滑块中的拇指图标赋予矩形形状?

我正在学习颤振。我使用 Slider 类创建滑块(在 android 中称为 Seekbar),在这里我想将拇指图标更改为矩形,这是否可能,请让我知道任何解决方案?

在此处输入图像描述

** 我想要下面的类型 **

在此处输入图像描述