# react-native-touchable-icons

> Simple touchable icons acting as buttons

Latest version **0.1.0** (published 2015-10-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-native-touchable-icons
pnpm add react-native-touchable-icons
yarn add react-native-touchable-icons
bun add react-native-touchable-icons
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2015-10-18 |
| First published | 2015-10-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Fellipe Chagas |
| Maintainers | chagas |
| Keywords | react-component, react-native, button, icon, ios, android |

## Links

- npm: https://www.npmjs.com/package/react-native-touchable-icons
- Repository: https://github.com/chagasaway/react-native-touchable-icons
- Issues: https://github.com/chagasaway/react-native-touchable-icons/issues
- npm.io page: https://npm.io/package/react-native-touchable-icons

## Dependencies (2)

- [react-native](https://npm.io/package/react-native.md) >=0.5
- [react-native-icons](https://npm.io/package/react-native-icons.md) ^0.5.1

## Alternatives

- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads
- [roboto-fontface](https://npm.io/package/roboto-fontface.md) — 196.0K weekly downloads
- [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads
- [stockfish](https://npm.io/package/stockfish.md) — 27.0K weekly downloads
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads

## Recent versions

- 0.1.0 (latest) — 2015-10-18

## README

## React Native TouchableIcon Component

Simple touchable icons acting as buttons.

### Installation

```bash
npm install react-native-touchable-icons
```

Install and setup [react-native-icons](https://github.com/corymsmith/react-native-icons) package

### Properties

```
name={'ion|ios-chatbubble'} // Set the icon (name from react-native-icons package)
color={'#000'} // Set the icon color
size={30} // Set the icon dimensions (width == height)
style={{ flex: 1 }} // Set custom style to the component
onPress={function} // Set a custom function to be triggered on button press
```

### Usage Example

```javascript
'use strict';

var TouchableIcon = require('react-native-touchable-icon');

//...

onPress: function() {
  alert('pressed');
},

render: function() {
  return (
    <View>
      <TouchableIcon
        name={'ion|ios-chatbubble'}
        size={30}
        color={'#fff'}
        style={{position: 'absolute', left: 10, top: 30}}
        onPress={()=>{this.props.onPress()}}
      />
      <TouchableIcon
        name={'ion|ios-gear'}
        size={30}
        color={'#fff'}
        style={{position: 'absolute', right: 10, top: 30}}
        onPress={()=>{this.props.onPress()}}
      />
    </View>
  );
};
```

---
_Source: https://npm.io/package/react-native-touchable-icons · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._