ComponentsCommon Components
BaseIconButton
The BaseIconButton component that provides a customizable icon button with ripple effect and theming support.
Usage
import React from 'react';
import { BaseIconButton } from 'react-native-video-toolkit';
import { Heart } from 'lucide-react-native';
export const BaseIconButtonExample = () => {
/**
* Alert don't works on web so changed to window alert :P
*/
return <BaseIconButton IconComponent={Heart} onTap={() => alert('Heart')} />;
};
export default BaseIconButtonExample;Props
| Prop | Type | Default | Description |
|---|---|---|---|
IconComponent | React.ElementType | required | The icon component to render. |
size | number | theme.iconSizes.md | The size of the icon. |
color | string | theme.colors.text | The color of the icon. |
onTap | () => void | required | The function to call when the button is tapped. |
VideoPlayer
The root component of the toolkit that provides video playback, gesture handling, and a flexible API for composing custom control layouts.
BottomSheet
The BottomSheet component that provides an animated modal-like interface sliding up from the bottom of the screen, with gesture support and theming integration.