React-native-swipe-list-view: Open row on press

Created on 24 Jul 2017 · 3Comments · Source: jemise111/react-native-swipe-list-view

Hi, is there a way to manually open a row by an onPress?

Source

kyangy

Most helpful comment

Hey @kyangy, this behavior isn't currently technically supported but there is some hackery you could do in meantime:

class Example {

  openRow = (rowRef) => {
    // Use an internal method to manually swipe the row open to whatever value you pass
    rowRef.manuallySwipeRow(50);
  }

  render() {
    <SwipeListView
       renderRow={ (data, secId, rowId, rowMap) => (
      <TouchableHighlight
             onPress={ _ => this.openRow(rowMap[`${secId}${rowId}`])}
          />
       }
    />
  }

}

Hope that helps!

(sorry for the delay in responding!)

jemise111 on 22 Oct 2017

👍4 🎉1

All 3 comments

Hey @kyangy, this behavior isn't currently technically supported but there is some hackery you could do in meantime:

class Example {

  openRow = (rowRef) => {
    // Use an internal method to manually swipe the row open to whatever value you pass
    rowRef.manuallySwipeRow(50);
  }

  render() {
    <SwipeListView
       renderRow={ (data, secId, rowId, rowMap) => (
      <TouchableHighlight
             onPress={ _ => this.openRow(rowMap[`${secId}${rowId}`])}
          />
       }
    />
  }

}

Hope that helps!

(sorry for the delay in responding!)

jemise111 on 22 Oct 2017

👍4 🎉1

Closing as this seems to be sufficient for most people

jemise111 on 20 May 2018

Hello and thanks for your answer. Can you explain a little bit how and where to create this function?