Comments (3)
The SwipeRow
is a pretty complex component and most times you would use the SwipeList
and let it handle setting up each row.
What you have above the SwipeRow
being rendered in SwipeableCommand
doesn't have enough information.
Here is an example how the SwipeList
setting up a swipe row, which you would need to do something similar
renderSwipeListItem({ item, index }) {
let ref = this.getRowRefProvider(item.id);
return (
<SwipeRow ref={ref}
id={item.id}
animateAdd={item.isNew}
leftSubView={item.leftSubView}
rightSubView={item.rightSubView}
leftSubViewOptions={item.leftSubViewOptions}
rightSubViewOptions={item.rightSubViewOptions}
gestureTensionParams={this.props.gestureTensionParams}
blockChildEventsWhenOpen={item.blockChildEventsWhenOpen}
isAnotherRowOpen={this.isAnotherRowOpen}
tryCloseOpenRow={this.tryCloseOpenRow}
style={[this.props.rowStyle, item.style]}
startCloseTimeout={this.onRowPressCheckSetCloseTimeout}
clearCloseTimeout={this.clearCloseTimeout}
onSwipeStart={this.handleSwipeStart}
onSwipeEnd={this.handleSwipeEnd}
onOpenStart={this.handleRowOpenStart}
onOpenEnd={this.handleRowOpenEnd}
onCloseStart={this.handleRowCloseStart}
onCloseEnd={this.handleRowCloseEnd}
{...this.props.swipeRowProps}
{...item.props}>
{item.rowView}
</SwipeRow>
);
},
In particular the row needs to know about the content it is rendering.
That said it looks like the open
method was broken anyway. I have updated the code. You will want to call this.props.openRow
inside your SwipeableCommand
from react-native-smooth-swipe-list.
I've also updated the README since it wasn't clear that the SwipeList
wrapped the rowView
and left/rightSubView
in a SwipeRow
from react-native-smooth-swipe-list.
Hey, appreciate you being so active with the maintenance. I'll give it a shot again tomorrow and let you know. Thanks!
EDIT: this.props.openRow()
does the trick!
from react-native-smooth-swipe-list.
Related Issues (12)
- Bump version from 1.3.0 HOT 1
- Crash in release mode. HOT 1
- is there `SectionList` version? HOT 3
- Right Button Edge Shrinking HOT 1
- [Typescript error] Swipelist not showing HOT 2
- AnimationValue: Attempting to set to undefined
- How to apply styles to left/right subview? HOT 2
- Update to use FlatList HOT 6
- I want only right swipe button HOT 1
- Can you provide renderHeader function? HOT 2
- Remove particular row HOT 5
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-smooth-swipe-list.