Comments (14)
+1
I'm having the same issue. I would love to have some way to change the width of the buttons.
from react-native-swipeout.
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.
from react-native-swipeout.
@dancormier thanks for the update. Glad to see you're still working on this library, it's really useful. Thanks!
from react-native-swipeout.
@dancormier Great to hear it! Thank you!
from react-native-swipeout.
+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.
from react-native-swipeout.
Hello @dancormier !
Do you have time? Any progress on this?
I tried to figure out solution myself but not succeeded yet.
from react-native-swipeout.
Agreed with @markrickert . Great if it would be set automatically.
from react-native-swipeout.
Also, wondering on the progress of the dc-redux
branch, @dancormier. Should we be using that as base for pull requests or master
?
from react-native-swipeout.
from react-native-swipeout.
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={[...
from react-native-swipeout.
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
from react-native-swipeout.
from react-native-swipeout.
@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?
from react-native-swipeout.
from react-native-swipeout.
Related Issues (20)
- Will setNativeProps works for external libraries as well?
- Out of memory error in Swipeout
- Tiny white space between buttons on IOS
- Touchable Opacity Not working after adding swipeout HOT 6
- How to change text dynamically HOT 2
- Calling setState with scroll scrollEnabled argument prevents the swipeoutButtons from opening HOT 1
- stuck problem when swipe
- openLeft/openRight not working HOT 2
- Wrong type exported.
- how to set fontsize HOT 1
- Expo doesn't like react-native-swipeout HOT 1
- Swipe disabled when using TouchableWithoutFeedback HOT 5
- 子条目点击事件和滑动事件怎么解决冲突 HOT 1
- the View in Swipeout can't swipe while swipe it HOT 1
- Swipe Left doesn't push the item it just covers it. HOT 12
- Suggestion to move to @react-native-community HOT 4
- Can I maintain this repository ? HOT 3
- Unsafe Component Warning HOT 2
- How can i change the animation speed of closing/opening animation?
- Is there any prop to autoclose the swipeout when I open another
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-swipeout.