Can't change width for swipeout button component about react-native-swipeout

[wootwoot1234]

+1

I'm having the same issue. I would love to have some way to change the width of the buttons.

[dancormier]

Hi Yuriy and woot,

I have an update. I'm currently writing an update that should resolve this issue and allow for passing of custom style (including width) to buttons in swipeout.

[wootwoot1234]

@dancormier thanks for the update. Glad to see you're still working on this library, it's really useful. Thanks!

[yuriy-vorontsov]

@dancormier Great to hear it! Thank you!

[markrickert]

+1 My ListView isn't the entire width of the screen, so the default button width of width/5 doesn't work. I need a way to explicitly set the button width, or even better: it automatically knows how wide a 1 button swipeout needs to be based on the button itself instead of as a function of the component's width.

[kesha-antonov]

Hello @dancormier !
Do you have time? Any progress on this?
I tried to figure out solution myself but not succeeded yet.

[kesha-antonov]

Agreed with @markrickert . Great if it would be set automatically.

[markrickert]

Also, wondering on the progress of the dc-redux branch, @dancormier. Should we be using that as base for pull requests or master?

[kesha-antonov]

I have some luck with that. With `flex: 1` in screenshot we have padding from right. Without `flex: 1` we won't have effect of growing buttons

[kesha-antonov]

Here's code: https://github.com/kesha-antonov/react-native-swipeout
Hope it can help.

Just add styleButton: { width: 90, backgroundColor: 'rgba(228, 178, 48, 1)' } to <Swipeout right={[...

[kesha-antonov]

So guys if you're okay to use it without "growing" effect then you'll be able to set custom widths on right buttons with my fork at this rev: https://github.com/kesha-antonov/react-native-swipeout/tree/b717a0d6ce17699d260951e41b6b603d3b4c5949

And it'll look okay - without padding as above

[kesha-antonov]

[jaewonch]

@kesha-antonov I am trying to get the row to be swiped all the way, so in order to increase the width of the button to cover the full row when swiped, just for testing, I tried let rightButton = [{styleButton: { width: 100 }}] and <Swipeout right={rightButton} backgroundColor= 'transparent'> but the button is not affected and has the default width. Is this correct way to do it? Is there a better approach?

[silentcloud]

#134