Image in trailingSwipeActionsConfigurationForRowAt doesn't seem to work

Question

I'm trying to implement a new iOS11 feature that allows you to officially use an image in a tableview swipe action.

so, I came up with this:

@available(iOS 11.0, *)
    func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {
        let deleteAction = UIContextualAction(style: .normal, title:  "", handler: { (ac:UIContextualAction, view:UIView, success:(Bool) -> Void) in
            //whatever
            success(true)
        })
        let theImage: UIImage? = UIImage(named:"Delete")?.withRenderingMode(.alwaysOriginal)

        deleteAction.image = theImage
        return UISwipeActionsConfiguration(actions: [deleteAction])
    }

I have this .png sitting in my assets catalog. I tried WITH and WITHOUt the rendering mode. In either case, the image is correctly shown in the debugger:

but fails to show up in the Simulator ("Nothing here" marks the place where I would expect the image to show up):

Am I doing something wrong?

Could you try removing this red background on your image? – Mat Grlt Jan 11 '18 at 15:44 — Mat Grlt, Jan 11 '18 at 15:44

score 1 · Answer 1 · answered Aug 22 '19 at 09:23

1

Old question,

But for those who are still trying to solve this issue, make sure your image size is the same or smaller than your cell size.

For my case, my image is too huge and only shows white background

answered Aug 22 '19 at 09:23

The1993

592
1
7
22

score 0 · Answer 2 · answered Jun 28 '18 at 14:51

I have the same exact issue, been trying to solve this for days now. No solutions found yet anywhere.

One deprecated workaround though is to set the backgroundColor constructed as patternImage like this:

let deleteAction = UIContextualAction(style: .normal, title:  "", handler: { (ac:UIContextualAction, view:UIView, success:(Bool) -> Void) in
        //whatever
        success(true)
    })
let theImage: UIImage? = UIImage(named:"Delete")
deleteAction.backgroundColor = UIColor(patternImage: theImage!)

Lee B · Answer 3 · 2018-12-26T15:22:33.197

This happens because icons that set with myAction.image turn white by default, and .withRenderingMode(.alwaysOriginal) doesn't solve the issue. I'm fighting the same thing at the very this moment - rendering mode in that case doesn't seem to work at all.

I found only one way around it - use myAction.backgroundColor = UIColor(patternImage: theImage) instead of myAction.image.

But if you will use this trick - please, notice that you will need to create an image with exact height as cell's height and with extended colour field on the right side of the image. It will help to keep image from repeating in visible on the screen area. And also, the text title will appear, so if you don't need it, just put an empty string in it.

Code example:

func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {

            let action = UIContextualAction(style: .normal, title: "", handler: { _, _, completionHandler in
                completionHandler(true)
            })

            let theImage: UIImage? = UIImage(named:"MyImage")
            action.backgroundColor = UIColor(patternImage: theImage!)

            return UISwipeActionsConfiguration(actions: [action])
        }

Image example:

This does not provide an answer to the question. Once you have sufficient [reputation](https://stackoverflow.com/help/whats-reputation) you will be able to [comment on any post](https://stackoverflow.com/help/privileges/comment); instead, [provide answers that don't require clarification from the asker](https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can-i-do-instead). - [From Review](/review/low-quality-posts/21774153) — Julian F. Weinert, Dec 25 '18 at 19:00
Nothing to be sorry for, please don't look up my first SO posts :D — Julian F. Weinert, Dec 27 '18 at 10:15

score 0 · Answer 4 · answered Mar 28 '20 at 15:24

This is what worked for me in iOS 13.4, Swift 4.2, Xcode 11.4

let deleteActionImage = UIImage(systemName: "trash.fill")?.withTintColor(UIColor.systemRed, renderingMode: .alwaysOriginal)

That line resulted in this --and it works in dark mode and light mode.

In the photo: right side of my cell on the left and the red trash button on the right

Image in trailingSwipeActionsConfigurationForRowAt doesn't seem to work

4 Answers4