An interactive piano keyboard component with react native
react-native-piano
An interactive piano component based on react-piano.
Usage
Install
npm: npm i --save react-native-piano
yarn: yarn add react-native-piano
Import
ES6 module:
import { Piano } from 'react-native-piano'
Documentation
Properties
Basic
| Prop | Type | Description |
|---|---|---|
| noteRange | Required object |
An object representing the range of notes to render. Format { first: 'c4', last: 'e5' } in which first and last corresponds to natural notes. |
| onPlayNoteInput | function |
Function that fires whenever a play-note event is fired. |
| onStopNoteInput | function |
Function that fires whenever a stop-note event is fired. |