microsoft / fluentui-react-native

fluentui-react-native/packages/components/Switch/src/Switch.tsx

Lines 76 to 77 in 95b1eca

    
           const isReduceMotionEnabled = AccessibilityInfo.isReduceMotionEnabled; 
        
           const thumbAnimation = isReduceMotionEnabled ? { animationClass: 'Ribbon_SwitchThumb' } : null;

This was discovered while investigating turning on strict null checks everywhere.

AccessibilityInfo.isReduceMotionEnabled is a function, so thumbAnimation will always choose the "true" option. Is this really what we want? I've noticed that reduce motion doesn't seem to affect native slide switches on macOS and iOS, and the FURN switch reflects that behavior, although other platforms might be a different story. We should double check this.

	const isReduceMotionEnabled = AccessibilityInfo.isReduceMotionEnabled;
	const thumbAnimation = isReduceMotionEnabled ? { animationClass: 'Ribbon_SwitchThumb' } : null;

Switch's reduced motion check needs review