UNPKG

@react-native-community/checkbox

Version:

React Native Checkbox native modules for Android , iOS and Windows

84 lines (83 loc) 2.52 kB
import React from 'react'; import { ViewProps, NativeMethods, NativeSyntheticEvent } from 'react-native'; declare type CheckBoxEvent = NativeSyntheticEvent<Readonly<{ target: number; value: boolean; }>>; declare type CommonProps = Readonly<ViewProps & { /** * Used in case the props change removes the component. */ onChange?: (event: CheckBoxEvent) => void; /** * Invoked with the new value when the value changes. */ onValueChange?: (value: boolean) => void; /** * If true the user won't be able to toggle the checkbox. * Default value is false. */ disabled?: boolean; /** * Used to locate this view in end-to-end tests. */ testID?: string; }>; declare type CheckBoxNativeType = NativeMethods; export declare type Props = Readonly<CommonProps & { /** * The value of the checkbox. If true the checkbox will be turned on. * Default value is false. */ value?: boolean; /** * Used to get the ref for the native checkbox */ forwardedRef?: React.Ref<CheckBoxNativeType>; /** * Controls the colors the checkbox has in checked and unchecked states. * TODO: improve this type */ tintColors?: { true?: any; false?: any; }; }>; declare const CheckBoxWithRef: React.ForwardRefExoticComponent<Readonly<Readonly<ViewProps & { /** * Used in case the props change removes the component. */ onChange?: ((event: CheckBoxEvent) => void) | undefined; /** * Invoked with the new value when the value changes. */ onValueChange?: ((value: boolean) => void) | undefined; /** * If true the user won't be able to toggle the checkbox. * Default value is false. */ disabled?: boolean | undefined; /** * Used to locate this view in end-to-end tests. */ testID?: string | undefined; }> & { /** * The value of the checkbox. If true the checkbox will be turned on. * Default value is false. */ value?: boolean | undefined; /** * Used to get the ref for the native checkbox */ forwardedRef?: ((instance: NativeMethods | null) => void) | React.RefObject<NativeMethods> | null | undefined; /** * Controls the colors the checkbox has in checked and unchecked states. * TODO: improve this type */ tintColors?: { true?: any; false?: any; } | undefined; }> & React.RefAttributes<NativeMethods>>; export default CheckBoxWithRef;