SwipeRow dynamic toggle method

Is there any way to call a function to switch (open/close) the SwipeRow by the reference, something like this: this.refs.view.toggle() and the JSX <SwipeRow ref="view" ...

Or is there another way to toggle?

[akhil-ga]

@hjJunior get the reference of the <SwipeRow/> you want to close and call the closeRow() function like below

Code

import React, { Component } from 'react';
import { Container, Header, Content, SwipeRow, View, Text, Icon, Button } from 'native-base';
export default class SwipeRowExample extends Component {
  render() {
    return (
      <Container>
        <Header />
        <Content scrollEnabled={false}>
          <SwipeRow
            ref={(c) => { this.component = c }}
            leftOpenValue={75}
            rightOpenValue={-75}
            left={
              <Button success onPress={() => alert('Add')}>
                <Icon active name="add" />
              </Button>
            }
            body={
              <View>
                <Text>SwipeRow Body Text</Text>
              </View>
            }
            right={
              <Button danger onPress={() => alert('Delete')}>
                <Icon active name="trash" />
              </Button>
            }
          />
          <Button style={{ margin: 20 }} onPress={() => this.component._root.closeRow()}><Text>Close row</Text></Button>
        </Content>
      </Container>
    );
  }
}

Gif

[SupriyaKalghatgi]

https://github.com/GeekyAnts/NativeBase/pull/2474/