LogoCraftReactNative
Components

Radio

A radio button component that allows users to select a single option from a set of choices. It displays as a circular button that can be either checked or unchecked.

Installation

npx @craftreactnative/ui add Radio

Usage

Screen.tsx
import { Radio } from '@/craftrn-ui/components/Radio';
 
export const Screen = () => <Radio checked={true} />;

Props

PropTypeDefault
checked
boolean
-
disabled?
boolean
-
onPress?
(isChecked: boolean) => void
-
animationConfig?
AnimationConfig
{ scaleIn: 1.1, durationIn: 150, durationOut: 150 }

Dependencies

2 packages
react-native-reanimated
react-native-unistyles
Required imports
craftrn-ui/components/PressableScale

PressableScale

A pressable component that provides scaling animation feedback when pressed.

Slider

A slider component that allows users to select a value from a range. It displays a horizontal bar with a sliding knob that can be dragged to set the value.

On this page