<commit_before># react-native-swipeout
iOS-style swipeout buttons that appear from behind a component

## Installation
`npm install --save react-native-swipeout`

## Usage notes
This is a work in progress.

```
var Swipeout = require('react-native-swipeout')

var swipeoutBtns = [
  {
    text: 'Button'
  }
]

<Swipeout btns={swipeoutBtns}>
  <View>
    <Text>Swipe me left</Text>
  </View>
</Swipeout>

```

## Usage example

```
var Swipeout = require('react-native-swipeout')

var swipeoutExample = React.createClass({
  render: function() {
    var swipeoutBtns = [
      {
        text: 'Color',
        color: '#ddfdde',
        textColor: 'green'
      }, {
        text: 'Default'
      }, {
        text: 'Delete',
        type: 'delete'
      }
    ]
    return (
      <View style={styles.container}>
        <Swipeout btns={swipeoutBtns}>
          <View style={styles.swipeoutContent}>
            <Text style={styles.swipeoutContentText}>Swipe me left</Text>
          </View>
        </Swipeout>
      </View>
    );
  }
});

var styles = StyleSheet.create({
  swipeoutContent: {
    backgroundColor: '#FFFFFF',
    borderBottomColor: '#eee',
    borderColor: 'transparent',
    borderWidth: 1,
    flex: 1,
    padding: 16,
    paddingTop: 14,
  },
  swipeoutContentText: {
    fontSize: 16,
  },
  container: {
    alignItems: 'center',
    backgroundColor: '#f2f2f2',
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'center',
  },
});
```

## Props

* `btns`: pass an array of buttons to display

### Button props

* `text`: string (example: 'click me')
* `type`: default || primary || secondary
* `color`: color string (example: '#ddfdde')
* `textColor`: color string

## To Do

[ ] add onPress prop to buttons
[ ] center button text
[ ] fix buggy swipe
[ ] add swipe from left
<commit_msg>readme cleanup<commit_after># react-native-swipeout
iOS-style swipeout buttons that appear from behind a component

## Installation
```
npm install --save react-native-swipeout
```

## Usage notes
This is a work in progress.

```
var Swipeout = require('react-native-swipeout')

var swipeoutBtns = [
  {
    text: 'Button'
  }
]

<Swipeout btns={swipeoutBtns}>
  <View>
    <Text>Swipe me left</Text>
  </View>
</Swipeout>

```

## Usage example

```
var Swipeout = require('react-native-swipeout')

var swipeoutExample = React.createClass({
  render: function() {
    var swipeoutBtns = [
      {
        text: 'Color',
        color: '#ddfdde',
        textColor: 'green'
      }, {
        text: 'Default'
      }, {
        text: 'Delete',
        type: 'delete'
      }
    ]
    return (
      <View style={styles.container}>
        <Swipeout btns={swipeoutBtns}>
          <View style={styles.swipeoutContent}>
            <Text style={styles.swipeoutContentText}>Swipe me left</Text>
          </View>
        </Swipeout>
      </View>
    );
  }
});

var styles = StyleSheet.create({
  swipeoutContent: {
    backgroundColor: '#FFFFFF',
    borderBottomColor: '#eee',
    borderColor: 'transparent',
    borderWidth: 1,
    flex: 1,
    padding: 16,
    paddingTop: 14,
  },
  swipeoutContentText: {
    fontSize: 16,
  },
  container: {
    alignItems: 'center',
    backgroundColor: '#f2f2f2',
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'center',
  },
});
```

## Props

* `btns`: pass an array of buttons to display

#### Button props

* `text`: string (example: 'click me')
* `type`: default || primary || secondary
* `color`: color string (example: '#ddfdde')
* `textColor`: color string

## To Do

* [ ] add onPress prop to buttons
* [ ] center button text
* [ ] fix buggy swipe
* [ ] add swipe from left

{'fraction_non_alphanumeric': 0.1484417714598141, 'fraction_numerical': 0.0065609622744669215, 'mean_word_length': 2.772164948453608, 'pattern_counts': {'":': 0, '<': 31, '<?xml version=': 0, '>': 31, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1131475', 'n_tokens_mistral': 1291, 'n_tokens_neox': 1246, 'n_words': 309}