fix(switch): forward ref to the root view

src/components/Switch/Switch.tsx

@@ -61,6 +61,7 @@ export type Props = {
    * Accessibility label for the switch. This is read by the screen reader when the user focuses the switch.
    */
   'aria-label'?: string;
+  ref?: React.RefObject<View | null> | ((instance: View | null) => void) | null;
 };
 
 const {
@@ -136,6 +137,7 @@ const Switch = ({
   testID,
   theme: themeOverrides,
   'aria-label': ariaLabel,
+  ref,
 }: Props) => {
   const theme = useInternalTheme(themeOverrides);
   const reduceMotion = useReduceMotion();
@@ -346,7 +348,7 @@ const Switch = ({
   const iconSize = checked ? SELECTED_ICON : UNSELECTED_ICON;
 
   return (
-    <View style={[styles.wrapper, style]}>
+    <View ref={ref} style={[styles.wrapper, style]}>
       <Pressable
         disabled={disabled}
         onPress={() => onValueChange?.(!checked)}

src/components/__tests__/Switch.test.tsx

@@ -1,3 +1,6 @@
+import * as React from 'react';
+import type { View } from 'react-native';
+
 import { describe, expect, it, jest } from '@jest/globals';
 
 import { render, screen, userEvent } from '../../test-utils';
@@ -74,3 +77,32 @@ describe('Switch interaction', () => {
     expect(onValueChange).not.toHaveBeenCalled();
   });
 });
+
+describe('Switch ref', () => {
+  it('forwards ref to the root view', async () => {
+    const ref = React.createRef<View>();
+
+    await render(<Switch value ref={ref} />);
+
+    expect(ref.current).not.toBeNull();
+  });
+
+  it('exposes the measure methods of the root view', async () => {
+    const ref = React.createRef<View>();
+
+    await render(<Switch value ref={ref} />);
+
+    expect(typeof ref.current?.measure).toBe('function');
+  });
+
+  it('accepts a callback ref', async () => {
+    let instance: View | null = null;
+    const ref: React.RefCallback<View> = (node) => {
+      instance = node;
+    };
+
+    await render(<Switch value ref={ref} />);
+
+    expect(instance).not.toBeNull();
+  });
+});