mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Gabriel Donadel Dall'Agnol
be7c50fefd
Summary: This PR adds `prefersCrossFadeTransitions()` to AccessibilityInfo in order to add support for "Prefer Cross-Fade Transitions", exposing the iOS settings option as proposed here https://github.com/react-native-community/discussions-and-proposals/issues/452. I believe this would be especially helpful for solving https://github.com/facebook/react-native/issues/31484 #### TODO - [ ] Submit react-native-web PR updating AccessibilityInfo documentation. ## Changelog [iOS] [Added] - Add support for "Prefer Cross-Fade Transitions" into AccessibilityInfo Pull Request resolved: https://github.com/facebook/react-native/pull/34406 Test Plan: **On iOS 14+** 1. Access Settings > "General" > "Accessibility" > "Reduce Motion", enable "Reduce Motion" then enable "Prefer Cross-Fade Transitions". 2. Open the RNTester app and navigate to the Accessibility page https://user-images.githubusercontent.com/11707729/154588402-7d050858-3c2d-4d86-9585-928b8c66941b.mov Reviewed By: cipolleschi Differential Revision: D38711316 Pulled By: makovkastar fbshipit-source-id: b9965cd4285f1aa0f1fa927080370a22329c2f62
66 lines
2.1 KiB
JavaScript
66 lines
2.1 KiB
JavaScript
/**
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
* @format
|
|
*/
|
|
|
|
import type {TurboModule} from '../../TurboModule/RCTExport';
|
|
import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
|
|
|
|
export interface Spec extends TurboModule {
|
|
+getCurrentBoldTextState: (
|
|
onSuccess: (isBoldTextEnabled: boolean) => void,
|
|
onError: (error: Object) => void,
|
|
) => void;
|
|
+getCurrentGrayscaleState: (
|
|
onSuccess: (isGrayscaleEnabled: boolean) => void,
|
|
onError: (error: Object) => void,
|
|
) => void;
|
|
+getCurrentInvertColorsState: (
|
|
onSuccess: (isInvertColorsEnabled: boolean) => void,
|
|
onError: (error: Object) => void,
|
|
) => void;
|
|
+getCurrentReduceMotionState: (
|
|
onSuccess: (isReduceMotionEnabled: boolean) => void,
|
|
onError: (error: Object) => void,
|
|
) => void;
|
|
+getCurrentPrefersCrossFadeTransitionsState?: (
|
|
onSuccess: (prefersCrossFadeTransitions: boolean) => void,
|
|
onError: (error: Object) => void,
|
|
) => void;
|
|
+getCurrentReduceTransparencyState: (
|
|
onSuccess: (isReduceTransparencyEnabled: boolean) => void,
|
|
onError: (error: Object) => void,
|
|
) => void;
|
|
+getCurrentVoiceOverState: (
|
|
onSuccess: (isScreenReaderEnabled: boolean) => void,
|
|
onError: (error: Object) => void,
|
|
) => void;
|
|
+setAccessibilityContentSizeMultipliers: (JSMultipliers: {|
|
|
+extraSmall?: ?number,
|
|
+small?: ?number,
|
|
+medium?: ?number,
|
|
+large?: ?number,
|
|
+extraLarge?: ?number,
|
|
+extraExtraLarge?: ?number,
|
|
+extraExtraExtraLarge?: ?number,
|
|
+accessibilityMedium?: ?number,
|
|
+accessibilityLarge?: ?number,
|
|
+accessibilityExtraLarge?: ?number,
|
|
+accessibilityExtraExtraLarge?: ?number,
|
|
+accessibilityExtraExtraExtraLarge?: ?number,
|
|
|}) => void;
|
|
+setAccessibilityFocus: (reactTag: number) => void;
|
|
+announceForAccessibility: (announcement: string) => void;
|
|
+announceForAccessibilityWithOptions?: (
|
|
announcement: string,
|
|
options: {queue?: boolean},
|
|
) => void;
|
|
}
|
|
|
|
export default (TurboModuleRegistry.get<Spec>('AccessibilityManager'): ?Spec);
|