# react-native-gameui

> React native game UI components

Latest version **1.0.3** (published 2019-04-15) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-native-gameui
pnpm add react-native-gameui
yarn add react-native-gameui
bun add react-native-gameui
```

## Health

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

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2019-04-15 |
| First published | 2019-04-14 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 238.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 12 |
| Author | Sebastian Diaz |
| Maintainers | sebasdiaz |

## Links

- npm: https://www.npmjs.com/package/react-native-gameui
- Repository: https://github.com/holasebas/react-native-gameui
- Homepage: https://github.com/holasebas/react-native-gameui#readme
- Issues: https://github.com/holasebas/react-native-gameui/issues
- npm.io page: https://npm.io/package/react-native-gameui

## Recent versions

- 1.0.3 (latest) — 2019-04-15
- 1.0.2 — 2019-04-15
- 1.0.1 — 2019-04-14
- 1.0.0 — 2019-04-14

## README

# React Native Game UI

![gameui](http://thundercatsum.com/gameui.png)

I don't know why I did this probably I just got nothing to do. This is a game UI library for react native, all components (mens only 4) have been tasted on iOS. I am currently working on all Android features. Write me a [tweet](https://twitter.com/home) if you'd like to help me, I 'd like to add more features.


## Installation

1. Run npm command

```bash
npm install react-native-gameui --save
```


2. Link dependencies (this is important)

```bash
react-native link
```

## Usage

```javascript
import { GameButton, IconButton, GameIcon, ProgressBar } from 'react-native-gameui';
export default class App extends Component {
  render() {
    return (
  
        <View style={styles.container}>

          <GameButton />
          <IconButton />
          <GameIcon />
          <ProgressBar />

        </View>
      
    );
  }
}
const styles = StyleSheet.create({
  container: {
    flex:1,
    justifyContent: 'center',
    alignItems:'center',
    backgroundColor:'#f5f5f5',
  
  },
});

```

## Components

GameButton
 
| Props           | type   | default   |
|-----------------|--------|-----------|
| text            | String | "Play"    |
| size            | String | "large"   |
| iconName        | String | null      |
| fontSize        | number | 32        |
| backgroundColor | string | "#6BCFA4" |

IconButton

| Props           | type   | default   |
|-----------------|--------|-----------|
| small           | bool   | false     |
| name            | String | "play"    |
| backgroundColor | string | "#20B2AA" |

GameIcon

| Props | type   | default |
|-------|--------|---------|
| small | bool   | false   |
| name  | String | "play"  |

ProgressBar

| Props           | type        | default                    |
|-----------------|-------------|----------------------------|
| text            | String      | "Loading"                  |
| width           | number      | Device Width               |
| value           | number(0-1) | 0.7                        |
| backgroundColor | String      | "rgba(56, 2011, 160, 0.5)" |

## Documentation

[More documantion](http://thundercatsum.com/gameui)

## License
I don't know but obvioulsy it is free! 

## Contact
Twitter: [@cbastin0](https://twitter.com/cbastian0)

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