Comments (4)
@npomfret Npm install the latest version and check out the docs here for dynamic values on SwipeRows.
The example now shows how to disable swiping on only some rows.
Let me know if you have any further problems or questions!
from react-native-swipe-list-view.
Hey @npomfret. So I tried to replicate your issue but I can't. I think what may be happening is as you're swiping left you're also swiping up causing the ListView to scroll which causes the row to close. This is handled if you're using the SwipeListView since I have access to all scrolling behavior and can determine what is a scroll vs a swipe.
For this reason I wouldn't recommend using standalone SwipeRow's inside of Scrollable Views.
To achieve what you're talking about the SwipeListView needs to handle SwipeRow's with different behavior. This would also address #31. I have some ideas but haven't had time, I'll try to get to this asap. PR's are always welcome 😃 .
I tried to show what I mean below. Let me know if this makes sense or I'm missing the issue.
Here's the code and screengrab:
<View style={styles.container}>
<ListView
style={{flex: 1}}
dataSource={this.ds.cloneWithRows(this.state.listViewData)}
renderRow={ data => (
<SwipeRow
leftOpenValue={75}
rightOpenValue={-75}
>
<View style={styles.standaloneRowBack}>
<Text style={styles.backTextWhite}>Left</Text>
<Text style={styles.backTextWhite}>Right</Text>
</View>
<View style={styles.standaloneRowFront}>
<Text>I'm SwipeRow {data}</Text>
</View>
</SwipeRow>
)}
/>
</View>
from react-native-swipe-list-view.
Thanks for the reply. If i get some time I'll take a look at implementing per row behaviours
from react-native-swipe-list-view.
Perfect, thanks!
from react-native-swipe-list-view.
Related Issues (20)
- SwipeListView actions pass incorrect item in rowMap when using SectionList
- shouldItemUpdate does not seem to work in version 3.2.9
- example how to close rows automatically or by some function when use SwipeRow? HOT 2
- No overload matches this call HOT 7
- Not working with scrollview
- delete button in renderHiddenItem components covers the first button when clicked HOT 1
- Make it harder to start the swipe HOT 1
- SwipeRow : Unable to close row programatically. HOT 3
- react-native-swipe-list-view is not fabric(New Architecture of react-native) compatible yet HOT 2
- ScrollToOffset can't scroll pass through {initialNumToRender}-th row. HOT 2
- Front-view is under the back/hidden-view HOT 4
- Facing issue while implimenting Swipe to Delete feature
- closeOpenAllRows not working on Android HOT 2
- Any way to open a row with a button?
- Question, are you no longer doing library management? HOT 1
- RenderItem, RenderHiddenItem, RenderRow, RenderHiddenRow
- rightActionState true/false wrong
- Open row by key
- There is a memory overflow issue with a single demo
- Add the prop `onPreviewEnd` to types for TypeScript support
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-swipe-list-view.