SlidableListTile UI out of bounds when used with padding or in a modal context

Widgets & Design

I noticed that when using the SlidableListTile component, once the slidable is open, the UI does not remain contained within the bounds of the slidable component (i.e. the part of the slidable "overhangs" beyond the bounds of it's parent component).

When using this component without any padding, this is not noticeable. However, once you add padding (especially if you are using a modal window), then the slidable component overhangs and, in the case of modal windows, juts out beyond the bounds of the modal window.

Is there any way to ensure that the UI remains within the bounds of its parent, i.e. when the slidable is open, the overhanging UI is simply clipped and not displayed?

What have you tried so far?
  • Reviewed the documentation on the SlidableListTile component

Did you check FlutterFlow's Documentation for this topic?
Yes
1
3 replies