mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Diego Pasquali
7b05b091fd
Summary: This PR fixes https://github.com/facebook/react-native/issues/30891 This PR is going to add an `accessibilityLanguage` prop to all the available components. This props is currently working only on iOS and should follow the [guidelines of the relative configuration](https://developer.apple.com/documentation/objectivec/nsobject/1615192-accessibilitylanguage). I'm in no way an expert on native programming (especially Objective-C) so I'm open to changes / improvements 🙂 ## Changelog <!-- Help reviewers and the release process by writing your own changelog entry. For an example, see: https://github.com/facebook/react-native/wiki/Changelog --> [iOS] [Added] - Integrated the `accessibilityLanguage` prop to all the available components. The prop is available for any platform but it will work only on iOS. Pull Request resolved: https://github.com/facebook/react-native/pull/33090 Test Plan: This has been tested using both the Simulator, checking for the `Language` attribute, and using a physical device with the Voice Over enabled. <img width="1083" alt="Screenshot 2022-02-11 at 13 17 32" src="https://user-images.githubusercontent.com/5963683/153590415-65fcb4ff-8f31-4a0f-90e5-8eb1aae6aa3d.png"> Reviewed By: philIip Differential Revision: D34523608 Pulled By: rh389 fbshipit-source-id: b5d77fc0b3d76ea8ed8f30c8385459ba98122ff6
57 lines
1.5 KiB
JavaScript
57 lines
1.5 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 strict-local
|
|
* @format
|
|
*/
|
|
|
|
'use strict';
|
|
import ReactNativeStyleAttributes from './ReactNativeStyleAttributes';
|
|
|
|
const UIView = {
|
|
pointerEvents: true,
|
|
accessible: true,
|
|
accessibilityActions: true,
|
|
accessibilityLabel: true,
|
|
accessibilityLiveRegion: true,
|
|
accessibilityRole: true,
|
|
accessibilityState: true,
|
|
accessibilityValue: true,
|
|
accessibilityHint: true,
|
|
accessibilityLanguage: true,
|
|
importantForAccessibility: true,
|
|
nativeID: true,
|
|
testID: true,
|
|
renderToHardwareTextureAndroid: true,
|
|
shouldRasterizeIOS: true,
|
|
onLayout: true,
|
|
onAccessibilityAction: true,
|
|
onAccessibilityTap: true,
|
|
onMagicTap: true,
|
|
onAccessibilityEscape: true,
|
|
collapsable: true,
|
|
needsOffscreenAlphaCompositing: true,
|
|
style: ReactNativeStyleAttributes,
|
|
};
|
|
|
|
const RCTView = {
|
|
...UIView,
|
|
|
|
// This is a special performance property exposed by RCTView and useful for
|
|
// scrolling content when there are many subviews, most of which are offscreen.
|
|
// For this property to be effective, it must be applied to a view that contains
|
|
// many subviews that extend outside its bound. The subviews must also have
|
|
// overflow: hidden, as should the containing view (or one of its superviews).
|
|
removeClippedSubviews: true,
|
|
};
|
|
|
|
const ReactNativeViewAttributes = {
|
|
UIView: UIView,
|
|
RCTView: RCTView,
|
|
};
|
|
|
|
module.exports = ReactNativeViewAttributes;
|