https://github.com/kusstar/react-native-waveform-seekbar
A <WaveformSeekBar /> component for React-Native
https://github.com/kusstar/react-native-waveform-seekbar
android react react-native waveform
Last synced: 11 months ago
JSON representation
A <WaveformSeekBar /> component for React-Native
- Host: GitHub
- URL: https://github.com/kusstar/react-native-waveform-seekbar
- Owner: KusStar
- License: mit
- Created: 2021-11-09T15:26:00.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-11-13T09:39:24.000Z (over 4 years ago)
- Last Synced: 2025-06-28T16:51:48.062Z (about 1 year ago)
- Topics: android, react, react-native, waveform
- Language: Kotlin
- Homepage:
- Size: 260 KB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# react-native-waveform-seekbar
A `` component for React-Native
## Platforms Supported
- [ ] iOS, Not started
- [x] Android, use [massoudss/WaveformSeekBar](https://github.com/massoudss/waveformSeekBar)
## Installation
```sh
npm install react-native-waveform-seekbar
```
## Usage
```js
import WaveformSeekBar from "react-native-waveform-seekbar";
// ./example/src/App.tsx
console.log(e.nativeEvent)}
/>
```
## Interfaces
```ts
import React from 'react';
import { ViewStyle, StyleProp, NativeSyntheticEvent } from 'react-native';
export declare type OnChangeEvent = (e: NativeSyntheticEvent<{
progress: number;
fromUser: boolean;
}>) => void;
export declare type WaveformSeekBarProps = {
style: StyleProp;
data: number[];
progress?: number;
maxProgress?: number;
visibleProgress?: number;
waveWidth?: number;
gap?: number;
minHeight?: number;
radius?: number;
backgroundColor?: number;
progressColor?: number;
gravity?: 'top' | 'center' | 'bottom';
onChange?: OnChangeEvent;
};
export interface Props extends Omit {
backgroundColor?: string;
progressColor?: string;
}
export declare const WaveformSeekBar: React.FC;
```
## Thanks
- [massoudss/WaveformSeekBar](https://github.com/massoudss/waveformSeekBar)
## Contributing
See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
## License
MIT