mirror of
https://github.com/status-im/react-native.git
synced 2025-01-16 12:34:17 +00:00
36ad813899
Summary: This feature has been requested by customers. Our previous (pre-react) application had support for custom accessibility actions. This feature allows UI elements to provide a list of custom actions that can be read when VoiceOver is enabled. UI elements expose one accessibility action by default. Some UI elements may support multiple actions though other mechanisms like tap and hold. To expose these actions in an accessible way iOS provides custom accessibility actions. Feature was tested in the iOS simulator using the Accessibility Inspector. Custom actions were added to a button and observed in the tool. Custom actions were also invoked using the tool and then stepped through in the debugger. The feature was also tested on an iPhone. VoiceOver was enabled on the device and custom actions were observed for controls that exposed them. We have been using this feature in our app for some time as well. [IOS] [ENHANCEMENT] [Accessibility] - Added support for custom accessibility actions Eric Davison Microsoft Corp. Closes https://github.com/facebook/react-native/pull/17020 Differential Revision: D6472283 Pulled By: shergin fbshipit-source-id: 4ac4697dca07028e87ffe71b70c00280e7f2043c
52 lines
1.6 KiB
JavaScript
52 lines
1.6 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*
|
|
* @providesModule ReactNativeViewAttributes
|
|
* @flow
|
|
*/
|
|
'use strict';
|
|
|
|
var ReactNativeStyleAttributes = require('ReactNativeStyleAttributes');
|
|
|
|
var ReactNativeViewAttributes = {};
|
|
|
|
ReactNativeViewAttributes.UIView = {
|
|
pointerEvents: true,
|
|
accessible: true,
|
|
accessibilityActions: true,
|
|
accessibilityLabel: true,
|
|
accessibilityComponentType: true,
|
|
accessibilityLiveRegion: true,
|
|
accessibilityTraits: true,
|
|
importantForAccessibility: true,
|
|
nativeID: true,
|
|
testID: true,
|
|
renderToHardwareTextureAndroid: true,
|
|
shouldRasterizeIOS: true,
|
|
onLayout: true,
|
|
onAccessibilityAction: true,
|
|
onAccessibilityTap: true,
|
|
onMagicTap: true,
|
|
collapsable: true,
|
|
needsOffscreenAlphaCompositing: true,
|
|
style: ReactNativeStyleAttributes,
|
|
};
|
|
|
|
ReactNativeViewAttributes.RCTView = {
|
|
...ReactNativeViewAttributes.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,
|
|
};
|
|
|
|
module.exports = ReactNativeViewAttributes;
|