Dismissible Widget In Flutter

You can wrap a widget as a child of Dismissible in Flutter if you need to construct a dismissible widget. Rejectable Typically, a widget in Flutter is used to wrap each list item, either vertically or horizontally, allowing it to be dismissed. I’ll walk you through a few instances of using the widget, such as displaying the confirmation dialog, customizing the backdrop that appears when the child is dismissed, and defining the dismiss direction.

You can also check out our Flutter app development services for more Flutter app development.

A widget that can be dismissed by dragging in the indicated direction. Dragging or flinging this widget in the DismissDirection causes the child to slide out of view.

Let’s focus on the Dismissible Widget In Flutter

Properties

Here’s the list of properties  Dismissible you can pass to the constructor.

• Key key : The widget key is required and is used to control if it should be replaced.
• Widget child : The widget below this widget in the tree is required.
• Widget background: A widget stacked behind the child. If secondaryBackground is set, it’s only shown when the child is being dragged down or to the right.
• Widget secondaryBackground: A widget stacked behind the child. It’s only shown when the child is being dragged up or to the left.
• ConfirmDismissCallback confirmDismiss: Gives the app an opportunity to confirm or veto a pending dismissal.
• VoidCallback onResize: A callback that will be called when the widget changes size.
• DismissDirectionCallback onDismissed: A callback that will be called when the widget has been dismissed.
• DismissDirection direction: The direction in which the widget can be dismissed. Defaults to DismissDirection.horizontal.
• Duration resizeDuration: The amount of time the widget will spend contracting before onDismissed is called. Defaults to const Duration(milliseconds: 300).
• Map<DismissDirection, double> dismissThresholds: The offset threshold the item has to be dragged in order to be considered dismissed. Defaults to const <DismissDirection, double>
• Duration movementDuration: The duration to dismiss or back to original position if not dismissed. Defaults to const Duration(milliseconds: 200).
• double crossAxisEndOffset: The end offset across the main axis after the card is dismissed. Defaults to 0.0.
• DragStartBehavior dragStartBehavior: How the drag start behavior is handled. Defaults to DragStartBehavior.start.

Both the child (Widget) and the key (Key) must be supplied. The key becomes essential since the widget may be removed from the widget list. If there are multiple dismissible widgets, make sure each one has a unique key. Since dismissing one widget may change the index of other widgets, avoid using the index as a key. child is the second required property, and passing a dismissible widget is required.

The onDismissed property is another crucial one. It’s a callback function that takes one DismissDirection parameter.

We’re going to use this data

Dismissible Widget Code

• The key must be passed and it should be unique.
• Perform actions according to directions.

Here’s the code for building the ListView

The Dismissible is the output of the itemBuilder, which constructs the list items. Apart from the mandatory parameters (key and child), the onDismissed callback is additionally given. You can see how to specify various actions for each direction by looking at the example below.

Final Code

That’s all for this Article.

Conclusion

We learned about the Dismissible Widget in Flutter in this blog.

Visit the link for additional information on the Dismissible Widget in Flutter.

Thanks for reading this blog. You can also check other blogs from here for more knowledge.