react-native-windows 0.68.3 → 0.69.0-preview.1

package/Libraries/Components/ScrollView/ScrollViewNativeComponent.js

@@ -9,11 +9,15 @@
  */
 
 import type {ScrollViewNativeProps as Props} from './ScrollViewNativeComponentType';
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import type {
+  HostComponent,
+  PartialViewConfig,
+} from '../../Renderer/shims/ReactNativeTypes';
 import * as NativeComponentRegistry from '../../NativeComponent/NativeComponentRegistry';
+import {ConditionallyIgnoredEventHandlers} from '../../NativeComponent/ViewConfigIgnore';
 import Platform from '../../Utilities/Platform';
 
-const RCTScrollViewViewConfig =
+export const __INTERNAL_VIEW_CONFIG: PartialViewConfig =
   Platform.OS === 'android'
     ? {
         uiViewClassName: 'RCTScrollView',
@@ -70,6 +74,7 @@ const RCTScrollViewViewConfig =
           removeClippedSubviews: true,
           borderTopRightRadius: true,
           borderLeftColor: {process: require('../../StyleSheet/processColor')},
+          pointerEvents: true,
         },
       }
     : {
@@ -138,13 +143,21 @@ const RCTScrollViewViewConfig =
           snapToOffsets: true,
           snapToStart: true,
           zoomScale: true,
+          ...ConditionallyIgnoredEventHandlers({
+            onScrollBeginDrag: true,
+            onMomentumScrollEnd: true,
+            onScrollEndDrag: true,
+            onMomentumScrollBegin: true,
+            onScrollToTop: true,
+            onScroll: true,
+          }),
         },
       };
 
 const ScrollViewNativeComponent: HostComponent<Props> =
   NativeComponentRegistry.get<Props>(
     'RCTScrollView',
-    () => RCTScrollViewViewConfig,
+    () => __INTERNAL_VIEW_CONFIG,
   );
 
 export default ScrollViewNativeComponent;

package/Libraries/Components/ScrollView/ScrollViewStickyHeader.js

@@ -170,7 +170,9 @@ class ScrollViewStickyHeader extends React.Component<Props, State> {
 
     this.props.onLayout(event);
     const child = React.Children.only(this.props.children);
-    if (child.props.onLayout) {
+    if (child.props.onCellLayout) {
+      child.props.onCellLayout(event, child.props.cellKey, child.props.index);
+    } else if (child.props.onLayout) {
       child.props.onLayout(event);
     }
   };

package/Libraries/Components/Slider/Slider.js

@@ -228,7 +228,6 @@ const Slider = (
       }
     : null;
 
-  const onChangeEvent = onValueChangeEvent;
   const onSlidingCompleteEvent = onSlidingComplete
     ? (event: Event) => {
         onSlidingComplete(event.nativeEvent.value);
@@ -250,7 +249,6 @@ const Slider = (
       disabled={disabled}
       maximumValue={maximumValue}
       minimumValue={minimumValue}
-      onChange={onChangeEvent}
       onResponderTerminationRequest={() => false}
       onSlidingComplete={onSlidingCompleteEvent}
       onStartShouldSetResponder={() => true}

package/Libraries/Components/Slider/SliderNativeComponent.js

@@ -47,7 +47,6 @@ type NativeProps = $ReadOnly<{|
   value?: WithDefault<Double, 0>,
 
   // Events
-  onChange?: ?BubblingEventHandler<Event>,
   onValueChange?: ?BubblingEventHandler<Event>,
   onSlidingComplete?: ?DirectEventHandler<Event>,
 |}>;

package/Libraries/Components/StatusBar/StatusBar.js

@@ -471,7 +471,12 @@ class StatusBar extends React.Component<Props> {
         if (!oldProps || oldProps.hidden.value !== mergedProps.hidden.value) {
           NativeStatusBarManagerAndroid.setHidden(mergedProps.hidden.value);
         }
-        if (!oldProps || oldProps.translucent !== mergedProps.translucent) {
+        // Activities are not translucent by default, so always set if true.
+        if (
+          !oldProps ||
+          oldProps.translucent !== mergedProps.translucent ||
+          mergedProps.translucent
+        ) {
           NativeStatusBarManagerAndroid.setTranslucent(mergedProps.translucent);
         }
       }

package/Libraries/Components/Switch/Switch.js

@@ -185,8 +185,18 @@ const SwitchWithForwardedRef: React.AbstractComponent<
   }, [value, native]);
 
   if (Platform.OS === 'android') {
+    const {accessibilityState} = restProps;
+    const _disabled =
+      disabled != null ? disabled : accessibilityState?.disabled;
+
+    const _accessibilityState =
+      _disabled !== accessibilityState?.disabled
+        ? {...accessibilityState, disabled: _disabled}
+        : accessibilityState;
+
     const platformProps = {
-      enabled: disabled !== true,
+      accessibilityState: _accessibilityState,
+      enabled: _disabled !== true,
       on: value === true,
       style,
       thumbTintColor: thumbColor,

package/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js

@@ -17,7 +17,10 @@ import type {
   Int32,
   WithDefault,
 } from '../../Types/CodegenTypes';
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import type {
+  HostComponent,
+  PartialViewConfig,
+} from '../../Renderer/shims/ReactNativeTypes';
 import type {
   TextStyleProp,
   ViewStyleProp,
@@ -593,123 +596,125 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
   supportedCommands: ['focus', 'blur', 'setTextAndSelection'],
 });
 
-let AndroidTextInputNativeComponent = NativeComponentRegistry.get<NativeProps>(
-  'AndroidTextInput',
-  () => ({
-    uiViewClassName: 'AndroidTextInput',
-    bubblingEventTypes: {
-      topBlur: {
-        phasedRegistrationNames: {
-          bubbled: 'onBlur',
-          captured: 'onBlurCapture',
-        },
-      },
-      topEndEditing: {
-        phasedRegistrationNames: {
-          bubbled: 'onEndEditing',
-          captured: 'onEndEditingCapture',
-        },
+export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
+  uiViewClassName: 'AndroidTextInput',
+  bubblingEventTypes: {
+    topBlur: {
+      phasedRegistrationNames: {
+        bubbled: 'onBlur',
+        captured: 'onBlurCapture',
       },
-      topFocus: {
-        phasedRegistrationNames: {
-          bubbled: 'onFocus',
-          captured: 'onFocusCapture',
-        },
-      },
-      topKeyPress: {
-        phasedRegistrationNames: {
-          bubbled: 'onKeyPress',
-          captured: 'onKeyPressCapture',
-        },
+    },
+    topEndEditing: {
+      phasedRegistrationNames: {
+        bubbled: 'onEndEditing',
+        captured: 'onEndEditingCapture',
       },
-      topSubmitEditing: {
-        phasedRegistrationNames: {
-          bubbled: 'onSubmitEditing',
-          captured: 'onSubmitEditingCapture',
-        },
+    },
+    topFocus: {
+      phasedRegistrationNames: {
+        bubbled: 'onFocus',
+        captured: 'onFocusCapture',
       },
-      topTextInput: {
-        phasedRegistrationNames: {
-          bubbled: 'onTextInput',
-          captured: 'onTextInputCapture',
-        },
+    },
+    topKeyPress: {
+      phasedRegistrationNames: {
+        bubbled: 'onKeyPress',
+        captured: 'onKeyPressCapture',
       },
     },
-    directEventTypes: {
-      topScroll: {
-        registrationName: 'onScroll',
+    topSubmitEditing: {
+      phasedRegistrationNames: {
+        bubbled: 'onSubmitEditing',
+        captured: 'onSubmitEditingCapture',
       },
     },
-    validAttributes: {
-      maxFontSizeMultiplier: true,
-      adjustsFontSizeToFit: true,
-      minimumFontScale: true,
-      autoFocus: true,
-      placeholder: true,
-      inlineImagePadding: true,
-      contextMenuHidden: true,
-      textShadowColor: {process: require('../../StyleSheet/processColor')},
-      maxLength: true,
-      selectTextOnFocus: true,
-      textShadowRadius: true,
-      underlineColorAndroid: {
-        process: require('../../StyleSheet/processColor'),
+    topTextInput: {
+      phasedRegistrationNames: {
+        bubbled: 'onTextInput',
+        captured: 'onTextInputCapture',
       },
-      textDecorationLine: true,
-      blurOnSubmit: true,
-      textAlignVertical: true,
-      fontStyle: true,
-      textShadowOffset: true,
-      selectionColor: {process: require('../../StyleSheet/processColor')},
-      selection: true,
-      placeholderTextColor: {process: require('../../StyleSheet/processColor')},
-      importantForAutofill: true,
-      lineHeight: true,
-      textTransform: true,
-      returnKeyType: true,
-      keyboardType: true,
-      multiline: true,
-      color: {process: require('../../StyleSheet/processColor')},
-      autoComplete: true,
-      numberOfLines: true,
-      letterSpacing: true,
-      returnKeyLabel: true,
-      fontSize: true,
-      onKeyPress: true,
-      cursorColor: {process: require('../../StyleSheet/processColor')},
-      text: true,
-      showSoftInputOnFocus: true,
-      textAlign: true,
-      autoCapitalize: true,
-      autoCorrect: true,
-      caretHidden: true,
-      secureTextEntry: true,
-      textBreakStrategy: true,
-      onScroll: true,
-      onContentSizeChange: true,
-      disableFullscreenUI: true,
-      includeFontPadding: true,
-      fontWeight: true,
-      fontFamily: true,
-      allowFontScaling: true,
-      onSelectionChange: true,
-      mostRecentEventCount: true,
-      inlineImageLeft: true,
-      editable: true,
-      fontVariant: true,
-      borderBottomRightRadius: true,
-      borderBottomColor: {process: require('../../StyleSheet/processColor')},
-      borderRadius: true,
-      borderRightColor: {process: require('../../StyleSheet/processColor')},
-      borderColor: {process: require('../../StyleSheet/processColor')},
-      borderTopRightRadius: true,
-      borderStyle: true,
-      borderBottomLeftRadius: true,
-      borderLeftColor: {process: require('../../StyleSheet/processColor')},
-      borderTopLeftRadius: true,
-      borderTopColor: {process: require('../../StyleSheet/processColor')},
     },
-  }),
+  },
+  directEventTypes: {
+    topScroll: {
+      registrationName: 'onScroll',
+    },
+  },
+  validAttributes: {
+    maxFontSizeMultiplier: true,
+    adjustsFontSizeToFit: true,
+    minimumFontScale: true,
+    autoFocus: true,
+    placeholder: true,
+    inlineImagePadding: true,
+    contextMenuHidden: true,
+    textShadowColor: {process: require('../../StyleSheet/processColor')},
+    maxLength: true,
+    selectTextOnFocus: true,
+    textShadowRadius: true,
+    underlineColorAndroid: {
+      process: require('../../StyleSheet/processColor'),
+    },
+    textDecorationLine: true,
+    blurOnSubmit: true,
+    textAlignVertical: true,
+    fontStyle: true,
+    textShadowOffset: true,
+    selectionColor: {process: require('../../StyleSheet/processColor')},
+    selection: true,
+    placeholderTextColor: {process: require('../../StyleSheet/processColor')},
+    importantForAutofill: true,
+    lineHeight: true,
+    textTransform: true,
+    returnKeyType: true,
+    keyboardType: true,
+    multiline: true,
+    color: {process: require('../../StyleSheet/processColor')},
+    autoComplete: true,
+    numberOfLines: true,
+    letterSpacing: true,
+    returnKeyLabel: true,
+    fontSize: true,
+    onKeyPress: true,
+    cursorColor: {process: require('../../StyleSheet/processColor')},
+    text: true,
+    showSoftInputOnFocus: true,
+    textAlign: true,
+    autoCapitalize: true,
+    autoCorrect: true,
+    caretHidden: true,
+    secureTextEntry: true,
+    textBreakStrategy: true,
+    onScroll: true,
+    onContentSizeChange: true,
+    disableFullscreenUI: true,
+    includeFontPadding: true,
+    fontWeight: true,
+    fontFamily: true,
+    allowFontScaling: true,
+    onSelectionChange: true,
+    mostRecentEventCount: true,
+    inlineImageLeft: true,
+    editable: true,
+    fontVariant: true,
+    borderBottomRightRadius: true,
+    borderBottomColor: {process: require('../../StyleSheet/processColor')},
+    borderRadius: true,
+    borderRightColor: {process: require('../../StyleSheet/processColor')},
+    borderColor: {process: require('../../StyleSheet/processColor')},
+    borderTopRightRadius: true,
+    borderStyle: true,
+    borderBottomLeftRadius: true,
+    borderLeftColor: {process: require('../../StyleSheet/processColor')},
+    borderTopLeftRadius: true,
+    borderTopColor: {process: require('../../StyleSheet/processColor')},
+  },
+};
+
+let AndroidTextInputNativeComponent = NativeComponentRegistry.get<NativeProps>(
+  'AndroidTextInput',
+  () => __INTERNAL_VIEW_CONFIG,
 );
 
 // flowlint-next-line unclear-type:off

package/Libraries/Components/TextInput/RCTMultilineTextInputNativeComponent.js

@@ -8,7 +8,10 @@
  * @format
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import type {
+  HostComponent,
+  PartialViewConfig,
+} from '../../Renderer/shims/ReactNativeTypes';
 import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
 import type {TextInputNativeCommands} from './TextInputNativeCommands';
 import RCTTextInputViewConfig from './RCTTextInputViewConfig';
@@ -22,15 +25,20 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
   supportedCommands: ['focus', 'blur', 'setTextAndSelection'],
 });
 
+export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
+  uiViewClassName: 'RCTMultilineTextInputView',
+  ...RCTTextInputViewConfig,
+  validAttributes: {
+    ...RCTTextInputViewConfig.validAttributes,
+    dataDetectorTypes: true,
+  },
+};
+
 const MultilineTextInputNativeComponent: HostComponent<mixed> =
-  NativeComponentRegistry.get<mixed>('RCTMultilineTextInputView', () => ({
-    uiViewClassName: 'RCTMultilineTextInputView',
-    ...RCTTextInputViewConfig,
-    validAttributes: {
-      ...RCTTextInputViewConfig.validAttributes,
-      dataDetectorTypes: true,
-    },
-  }));
+  NativeComponentRegistry.get<mixed>(
+    'RCTMultilineTextInputView',
+    () => __INTERNAL_VIEW_CONFIG,
+  );
 
 // flowlint-next-line unclear-type:off
 export default ((MultilineTextInputNativeComponent: any): HostComponent<mixed>);

package/Libraries/Components/TextInput/RCTSingelineTextInputNativeComponent.js

@@ -8,7 +8,10 @@
  * @format
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import type {
+  HostComponent,
+  PartialViewConfig,
+} from '../../Renderer/shims/ReactNativeTypes';
 import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
 import type {TextInputNativeCommands} from './TextInputNativeCommands';
 import RCTTextInputViewConfig from './RCTTextInputViewConfig';
@@ -22,11 +25,16 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
   supportedCommands: ['focus', 'blur', 'setTextAndSelection'],
 });
 
+export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
+  uiViewClassName: 'RCTSinglelineTextInputView',
+  ...RCTTextInputViewConfig,
+};
+
 const SinglelineTextInputNativeComponent: HostComponent<mixed> =
-  NativeComponentRegistry.get<mixed>('RCTSinglelineTextInputView', () => ({
-    uiViewClassName: 'RCTSinglelineTextInputView',
-    ...RCTTextInputViewConfig,
-  }));
+  NativeComponentRegistry.get<mixed>(
+    'RCTSinglelineTextInputView',
+    () => __INTERNAL_VIEW_CONFIG,
+  );
 
 // flowlint-next-line unclear-type:off
 export default ((SinglelineTextInputNativeComponent: any): HostComponent<mixed>);

package/Libraries/Components/TextInput/RCTTextInputViewConfig.js

@@ -9,6 +9,7 @@
  */
 
 import type {PartialViewConfig} from '../../Renderer/shims/ReactNativeTypes';
+import {ConditionallyIgnoredEventHandlers} from '../../NativeComponent/ViewConfigIgnore';
 
 type PartialViewConfigWithoutName = $Rest<
   PartialViewConfig,
@@ -147,6 +148,15 @@ const RCTTextInputViewConfig = {
     clearTextOnFocus: true,
     showSoftInputOnFocus: true,
     autoFocus: true,
+    ...ConditionallyIgnoredEventHandlers({
+      onChange: true,
+      onSelectionChange: true,
+      onContentSizeChange: true,
+      onScroll: true,
+      onChangeSync: true,
+      onKeyPressSync: true,
+      onTextInput: true,
+    }),
   },
 };
 

package/Libraries/Components/TextInput/TextInput.js

@@ -1341,13 +1341,6 @@ const ExportedForwardRef: React.AbstractComponent<
   );
 });
 
-/**
- * Switch to `deprecated-react-native-prop-types` for compatibility with future
- * releases. This is deprecated and will be removed in the future.
- */
-ExportedForwardRef.propTypes =
-  require('deprecated-react-native-prop-types').TextInputPropTypes;
-
 // $FlowFixMe[prop-missing]
 ExportedForwardRef.State = {
   currentlyFocusedInput: TextInputState.currentlyFocusedInput,
@@ -1357,7 +1350,7 @@ ExportedForwardRef.State = {
   blurTextInput: TextInputState.blurTextInput,
 };
 
-type TextInputComponentStatics = $ReadOnly<{|
+export type TextInputComponentStatics = $ReadOnly<{|
   State: $ReadOnly<{|
     currentlyFocusedInput: typeof TextInputState.currentlyFocusedInput,
     currentlyFocusedField: typeof TextInputState.currentlyFocusedField,

package/Libraries/Components/TextInput/TextInput.windows.js

@@ -1113,7 +1113,7 @@ function InternalTextInput(props: Props): React.Node {
 
   const _setNativeRef = setAndForwardRef({
     getForwardedRef: () => props.forwardedRef,
-    setLocalRef: (ref) => {
+    setLocalRef: ref => {
       inputRef.current = ref;
 
       /*
@@ -1407,6 +1407,8 @@ function InternalTextInput(props: Props): React.Node {
       <WindowsTextInput
         ref={_setNativeRef}
         {...props}
+        accessible={accessible}
+        focusable={focusable}
         dataDetectorTypes={props.dataDetectorTypes}
         mostRecentEventCount={mostRecentEventCount}
         onBlur={_onBlur}
@@ -1455,13 +1457,6 @@ const ExportedForwardRef: React.AbstractComponent<
   );
 });
 
-/**
- * Switch to `deprecated-react-native-prop-types` for compatibility with future
- * releases. This is deprecated and will be removed in the future.
- */
-ExportedForwardRef.propTypes =
-  require('deprecated-react-native-prop-types').TextInputPropTypes;
-
 // $FlowFixMe[prop-missing]
 ExportedForwardRef.State = {
   currentlyFocusedInput: TextInputState.currentlyFocusedInput,
@@ -1471,7 +1466,7 @@ ExportedForwardRef.State = {
   blurTextInput: TextInputState.blurTextInput,
 };
 
-type TextInputComponentStatics = $ReadOnly<{|
+export type TextInputComponentStatics = $ReadOnly<{|
   State: $ReadOnly<{|
     currentlyFocusedInput: typeof TextInputState.currentlyFocusedInput,
     currentlyFocusedField: typeof TextInputState.currentlyFocusedField,

package/Libraries/Components/TextInput/TextInputState.js

@@ -73,7 +73,7 @@ function blurField(textFieldID: ?number) {
 /**
  * @param {number} TextInputID id of the text field to focus
  * Focuses the specified text field
- * noop if the text field was already focused
+ * noop if the text field was already focused or if the field is not editable
  */
 function focusTextInput(textField: ?ComponentRef) {
   if (typeof textField === 'number') {
@@ -86,7 +86,15 @@ function focusTextInput(textField: ?ComponentRef) {
     return;
   }
 
-  if (currentlyFocusedInputRef !== textField && textField != null) {
+  if (textField != null) {
+    const fieldCanBeFocused =
+      currentlyFocusedInputRef !== textField &&
+      // $FlowFixMe - `currentProps` is missing in `NativeMethods`
+      textField.currentProps?.editable !== false;
+
+    if (!fieldCanBeFocused) {
+      return;
+    }
     focusInput(textField);
     if (Platform.OS === 'ios') {
       // This isn't necessarily a single line text input

package/Libraries/Components/TextInput/TextInputState.windows.js

@@ -20,7 +20,6 @@ import {Commands as iOSTextInputCommands} from '../../Components/TextInput/RCTSi
 import {Commands as WindowsTextInputCommands} from '../../Components/TextInput/WindowsTextInputNativeComponent';
 
 import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import {UIManager} from 'react-native';
 type ComponentRef = React.ElementRef<HostComponent<mixed>>;
 
 let currentlyFocusedInputRef: ?ComponentRef = null;
@@ -75,7 +74,7 @@ function blurField(textFieldID: ?number) {
 /**
  * @param {number} TextInputID id of the text field to focus
  * Focuses the specified text field
- * noop if the text field was already focused
+ * noop if the text field was already focused or if the field is not editable
  */
 function focusTextInput(textField: ?ComponentRef) {
   if (typeof textField === 'number') {
@@ -97,7 +96,15 @@ function focusTextInput(textField: ?ComponentRef) {
     focusInput(textField);
     WindowsTextInputCommands.focus(textField);
     // Windows]
-  } else if (currentlyFocusedInputRef !== textField && textField != null) {
+  } else if (textField != null) {
+    const fieldCanBeFocused =
+      currentlyFocusedInputRef !== textField &&
+      // $FlowFixMe - `currentProps` is missing in `NativeMethods`
+      textField.currentProps?.editable !== false;
+
+    if (!fieldCanBeFocused) {
+      return;
+    }
     focusInput(textField);
     if (Platform.OS === 'ios') {
       // This isn't necessarily a single line text input

package/Libraries/Components/TextInput/WindowsTextInputNativeComponent.js

@@ -17,7 +17,7 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
 });
 
 const WindowsTextInputComponent: NativeType =
-  requireNativeComponent<mixed>('RCTTextInput');
+  requireNativeComponent<mixed>('WindowsTextInput');
 
 export default WindowsTextInputComponent;
 // [Windows]

package/Libraries/Components/Touchable/TouchableBounce.js

@@ -137,6 +137,7 @@ class TouchableBounce extends React.Component<Props, State> {
         accessible={this.props.accessible !== false}
         accessibilityLabel={this.props.accessibilityLabel}
         accessibilityHint={this.props.accessibilityHint}
+        accessibilityLanguage={this.props.accessibilityLanguage}
         accessibilityRole={this.props.accessibilityRole}
         accessibilityState={this.props.accessibilityState}
         accessibilityActions={this.props.accessibilityActions}

package/Libraries/Components/Touchable/TouchableHighlight.js

@@ -296,6 +296,7 @@ class TouchableHighlight extends React.Component<Props, State> {
         accessible={this.props.accessible !== false}
         accessibilityLabel={this.props.accessibilityLabel}
         accessibilityHint={this.props.accessibilityHint}
+        accessibilityLanguage={this.props.accessibilityLanguage}
         accessibilityRole={this.props.accessibilityRole}
         accessibilityState={accessibilityState}
         accessibilityValue={this.props.accessibilityValue}

package/Libraries/Components/Touchable/TouchableHighlight.windows.js

@@ -178,7 +178,7 @@ class TouchableHighlight extends React.Component<Props, State> {
       android_disableSound: this.props.touchSoundDisabled,
       onMouseEnter: this.props.onMouseEnter, // [Windows]
       onMouseLeave: this.props.onMouseLeave, // [Windows]
-      onBlur: (event) => {
+      onBlur: event => {
         if (Platform.isTV) {
           this._hideUnderlay();
         }
@@ -186,7 +186,7 @@ class TouchableHighlight extends React.Component<Props, State> {
           this.props.onBlur(event);
         }
       },
-      onFocus: (event) => {
+      onFocus: event => {
         if (Platform.isTV) {
           this._showUnderlay();
         }
@@ -195,7 +195,7 @@ class TouchableHighlight extends React.Component<Props, State> {
         }
       },
       onLongPress: this.props.onLongPress,
-      onPress: (event) => {
+      onPress: event => {
         if (this._hideTimeout != null) {
           clearTimeout(this._hideTimeout);
         }
@@ -209,7 +209,7 @@ class TouchableHighlight extends React.Component<Props, State> {
           this.props.onPress(event);
         }
       },
-      onPressIn: (event) => {
+      onPressIn: event => {
         if (this._hideTimeout != null) {
           clearTimeout(this._hideTimeout);
           this._hideTimeout = null;
@@ -219,7 +219,7 @@ class TouchableHighlight extends React.Component<Props, State> {
           this.props.onPressIn(event);
         }
       },
-      onPressOut: (event) => {
+      onPressOut: event => {
         if (this._hideTimeout == null) {
           this._hideUnderlay();
         }
@@ -303,6 +303,7 @@ class TouchableHighlight extends React.Component<Props, State> {
         accessible={this.props.accessible !== false}
         accessibilityLabel={this.props.accessibilityLabel}
         accessibilityHint={this.props.accessibilityHint}
+        accessibilityLanguage={this.props.accessibilityLanguage}
         accessibilityRole={this.props.accessibilityRole}
         accessibilityState={accessibilityState}
         accessibilityValue={this.props.accessibilityValue}