@react-native-community/checkbox
Version:
React Native Checkbox native modules for Android , iOS and Windows
84 lines (83 loc) • 2.52 kB
TypeScript
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;