# rn-broadcast-view

> A view with 2 states (broadcasting / not broadcasting) with animation

Latest version **1.0.1** (published 2019-09-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install rn-broadcast-view
pnpm add rn-broadcast-view
yarn add rn-broadcast-view
bun add rn-broadcast-view
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2019-09-30 |
| First published | 2019-01-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 2.4 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Tigran Sahakyan |
| Maintainers | tigrans |
| Keywords | react, react-component, react-native-component, react-native, android, ios, custom, broadcast, broadcast-view |

## Links

- npm: https://www.npmjs.com/package/rn-broadcast-view
- Homepage: https://github.com/githuboftigran/rn-broadcast-view
- npm.io page: https://npm.io/package/rn-broadcast-view

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.0.1 (latest) — 2019-09-30
- 1.0.0 — 2019-01-15

## README

# BroadcastView
A high quality react native component backed by custom native iOS and Android views.

<p align="center">
<img src="https://raw.githubusercontent.com/githuboftigran/rn-broadcast-view/master/demo_android.gif" width="200" height="200">
</p>

## Installation
1. Add

   * npm: `npm install --save rn-broadcast-view`
   * yarn: `yarn add rn-broadcast-view`

2. Linking

##### For older React native versions ( < 0.60 ) you need to link the library: 

   - Run `react-native link  rn-broadcast-view`
   - If linking fails, follow the
     [manual linking steps](https://facebook.github.io/react-native/docs/linking-libraries-ios.html#manual-linking)

##### For newer React native versions ( >= 0.60 ) you need to install pods for iOS:
   - cd ios && pod install && cd ..
   - For android everything works out of the box

## Usage

```BroadcastView``` should have fixed width and height.

```
import BroadcastView from 'rn-broadcast-view';

...

<BroadcastView style={{width: 100, height: 100}} />

...
```

#### Properties

| Property |      Description      | Type | Default Value |
|----------|-----------------------|------|:-------------:|
| broadcasting | An infinite "broadcast wave" animation is shown if true | Boolean | **false** |
| stationColor |  Color of station | String<br/>(**#RRGGBB** or **#AARRGGBB**) | **#4286f4** |
| waveColor |  Color of waves | String<br/>(**#RRGGBB** or **#AARRGGBB**) | **#ff60ad** |

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