flutter_slidable (Flutter Package of the Week) Flutter Russian Chinese (Simplified)

flutter_slidable (Flutter Package of the Week)YouTube↗ IA↗(long shot)
Science & Technology 92.6K views 4.1K likes 9 dislikes 11 Mar 2021

Flutter 631K subscribers United States YouTube↗

Click to Play Video

Программный пакет недели flutter_slidable

Общей чертой в дизайне мобильных интерфейсов

移动用户界面设计的一个常见模式

является элемент, по которому вы проводите пальцем в одном направлении

是有一个可以向一个方向滑动的东西

и видите возможные для него действия.

它便显示一些可用操作

У этого процесса много составляющих:

这种动作包含很多东西

детекторы жестов, трансформации, кривые, анимации, обработчики щелчков и т.д.

手势检测器、变换、曲线、动画点击处理器等等

Хорошо было бы использовать такой элемент

如果能使用这种模式

не думая о его составляющих?

而不用担心所有这些就太好了，是吧？

Это возможно.

事实上，这是做得到的

С пакетом <i> flutter_slidable</i>

有了<i> flutter_slidable </i>包

этот элемент вводится в действие с помощью скользящего виджета.

你就可以用滑块微件来实现这种模式

Типичный пример использования этого виджета-- список, перечисляющий возможные действия, например, почтовый ящик.

一个滑块的典型例子就是具有相同操作的列表如电子邮件收件箱

Выберите <i>ListTile</i>, который используете для элемента

选择你通常用于项目的<i>ListTile</i>

и добавьте его как дочерний объект в виджет.

添加为滑块的子项目

Нужно установить, как виджет будет отображать открытие списка действий.

滑块需要知道如何显示操作列表的开头部分

Элементы будут расширяться, заполняя доступное пространство?

它是不是把每一个项目都展开了好像会变大到填满空间？

Они будут появляться один из-под другого, как будто они сложены в стопку?

它们是不是像叠在一起然后从后面滑出？

Или они будут появляться из-за пределов экрана?

或者它们是从屏幕外滑入的？

Это действие можно задать с помощью параметра <i>actionPane</i>.

你可以使用<i>actionPane</i>属性来定义这是如何发生的

Вы можете создать свою анимацию

你可以为它创建自己的动画

или выбрать опцию из встроенных в пакет <i>flutter_slidable</i>.

或者使用<i> flutter _ slidable </i>包中内置的选项

<i>SlidableScrollActionPane</i>, например,

打个比方<i> SlidableScrollActionPane </i>

просто выдвинет список действий из-за пределов экрана.

将操作面板从屏幕外滚动进来

Подождите! О каких действиях мы говорим?

但是等等！我们需要滑入哪些操作？

Для параметра <i>actions</i>

<i>actions</i>参数内含微件列表

укажите виджеты, представляющие разные действия, которые можно совершать с помощью скользящего элемента.

它们代表用户可在滑块操作的所有动作

В пакете есть виджеты дополнительных действий, как <i>IconSlideAction</i>,

这个包包含像<i>IconSlideAction</i> 这样的助手

который определит размер элементов действий.

可以用来调整操作大小

Используя <i>actionExtentRatio</i>, укажите какую часть пространства займёт каждое действие.

最后，设置<i> actionExtentRatio </i> 来指定每个操作应该占用的空间比例

Это должно зависеть от количества действий,

这应该基于操作数量

так, чтобы все они были видны на экране.

它们才全都看得见

Вот и всё.

У вас есть список действий, открывающийся при проведении пальцем по экрану.

现在，你有了一个可以滑动显示的功能列表

Подробнее о <i>flutter_slidable</i> и других программных пакетах

有关<i> flutter_sliced </i> 和所有其他包的更多信息

можно узнать на <i>pub.dev</i>

请前往<i> pub.dev</i>

Similar videos:

DataTable (Flutter Widget of the Week)
Flutter
132.3K views 3.7K likes 12 dislikes 24 Oct 201973% match

ToggleButtons (Flutter Widget of the Week)
Flutter
47.5K views 1.6K likes 12 dislikes 04 Dec 201968% match

ColorFiltered (Flutter Widget of the Week)
Flutter
29.5K views 1.1K likes 5 dislikes 27 Nov 201967% match

Slider, RangeSlider, and CupertinoSlider(Flutter Widget of the Week)
Flutter
49.4K views 1.2K likes 2 dislikes 31 Oct 201967% match

RotatedBox (Flutter Widget of the Week)
Flutter
38.8K views 2.1K likes 4 dislikes 25 Mar 202165% match

TweenAnimationBuilder (Flutter Widget of the Week)
Flutter
30.9K views 821 likes 5 dislikes 10 Jan 202065% match

AnimatedCrossFade (Flutter Widget of the Week)
Flutter
102.1K views 2.2K likes 14 dislikes 13 Nov 201965% match

CupertinoActionSheet (Flutter Widget of the Week)
Flutter
20.2K views 671 likes 3 dislikes 19 Dec 201965% match

Drawer (Flutter Widget of the Week)
Flutter
35.6K views 1.2K likes 4 dislikes 28 Jan 202065% match

SelectableText (Flutter Widget of the Week)
Flutter
33.9K views 965 likes 7 dislikes 17 Oct 201965% match

DraggableScrollableSheet (Flutter Widget of the Week)
Flutter
97.2K views 2.1K likes 6 dislikes 20 Nov 201963% match

Animations (Flutter Package of the Week)
Flutter
86K views 3.3K likes -1 dislikes 11 Feb 202163% match

ClipPath (Flutter Widget of the Week)
Flutter
37.8K views 1.4K likes 6 dislikes 18 Mar 202063% match

InteractiveViewer (Flutter Widget of the Week)
Flutter
93.4K views 4.4K likes 17 dislikes 05 Nov 202063% match

Image (Flutter Widget of the Week)
Flutter
48.4K views 1.7K likes 5 dislikes 13 Jan 202062% match

ShaderMask (Flutter Widget of the Week)
Flutter
87.1K views 2.7K likes 6 dislikes 27 Feb 202062% match

CupertinoActivityIndicator (Flutter Widget of the Week)
Flutter
29K views 871 likes 4 dislikes 17 Apr 202062% match

IgnorePointer (Flutter Widget of the Week)
Flutter
46.5K views 1.7K likes 12 dislikes 06 Apr 202062% match

ListView (Flutter Widget of the Week)
Flutter
113.5K views 1.7K likes 10 dislikes 26 Sep 201961% match

Package:async (Package of the Week)
Flutter
38.6K views 1.4K likes 9 dislikes 03 Jul 202061% match

SliverAppBar (Flutter Widget of the Week)
Flutter
79.1K views 3.2K likes 13 dislikes 22 Oct 202060% match

AlertDialog (Flutter Widget of the Week)
Flutter
150K views 2.3K likes 20 dislikes 06 Nov 201959% match

NotificationListener (Flutter Widget of the Week)
Flutter
47.8K views 1.4K likes 10 dislikes 05 Mar 202059% match

Divider (Flutter Widget of the Week)
Flutter
29.6K views 1.1K likes 8 dislikes 01 Apr 202059% match

CheckboxListTile (Flutter Widget of the Week)
Flutter
41.8K views 1.6K likes 10 dislikes 22 May 202059% match

AnimatedWidget (Flutter Widget of the Week)
Flutter
41K views 1.4K likes 15 dislikes 30 Apr 202058% match

ClipOval (Flutter Widget of the Week)
Flutter
86.2K views 2.5K likes 10 dislikes 23 Apr 202058% match

GridView (Flutter Widget of the Week)
Flutter
25.8K views 1.3K likes 5 dislikes 19 Nov 202057% match

ListWheelScrollView (Flutter Widget of the Week)
Flutter
95.4K views 3.5K likes 15 dislikes 19 Feb 202057% match

FractionallySizedBox (Flutter Widget of the Week)
Flutter
43.7K views 1.2K likes 5 dislikes 19 Sep 201957% match

Settings Privacy About Contact Donate