react-native-tvos 0.87.1-0 → 0.88.0-0rc2

package/Libraries/Components/ActivityIndicator/ActivityIndicator.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
@@ -115,7 +115,7 @@ const ActivityIndicator: component(
   style,
   ...restProps
 }: {
-  ref?: any,
+  ref?: React.RefSetter<ActivityIndicatorInstance>,
   ...ActivityIndicatorProps,
 }) => {
   let sizeStyle;

package/Libraries/Components/Button.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
@@ -166,8 +166,7 @@ export type ButtonProps = Readonly<{
 }>;
 
 const NativeTouchable:
-  | typeof TouchableNativeFeedback
-  | typeof TouchableOpacity =
+  typeof TouchableNativeFeedback | typeof TouchableOpacity =
   Platform.OS === 'android' ? TouchableNativeFeedback : TouchableOpacity;
 
 export type ButtonInstance = React.ElementRef<typeof NativeTouchable>;
@@ -231,7 +230,7 @@ const Button: component(
   } = props;
   const buttonStyles: Array<ViewStyleProp> = [styles.button];
   const textStyles: Array<TextStyleProp> = [styles.text];
-  if (color) {
+  if (Boolean(color)) {
     if (Platform.OS === 'ios') {
       textStyles.push({color: color});
     } else {
@@ -255,7 +254,7 @@ const Button: component(
       ? {..._accessibilityState, disabled}
       : _accessibilityState;
 
-  if (disabled) {
+  if (disabled === true) {
     buttonStyles.push(styles.buttonDisabled);
     textStyles.push(styles.textDisabled);
   }
@@ -278,7 +277,10 @@ const Button: component(
       accessible={accessible}
       accessibilityActions={accessibilityActions}
       onAccessibilityAction={onAccessibilityAction}
-      accessibilityLabel={ariaLabel || accessibilityLabel}
+      accessibilityLabel={
+        // $FlowFixMe[sketchy-null-string]
+        ariaLabel || accessibilityLabel
+      }
       accessibilityHint={accessibilityHint}
       accessibilityLanguage={accessibilityLanguage}
       accessibilityRole="button"

package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js

@@ -4,10 +4,12 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
+// flowlint unsafe-getters-setters:off
+
 import type {
   MeasureInWindowOnSuccessCallback,
   MeasureLayoutOnSuccessCallback,
@@ -204,7 +206,7 @@ class DrawerLayoutAndroid
     );
   }
 
-  setNativeProps(nativeProps: Object) {
+  setNativeProps(nativeProps: {...}) {
     nullthrows(this._nativeRef.current).setNativeProps(nativeProps);
   }
 }

package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 

package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroidTypes.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
@@ -127,7 +127,7 @@ export interface DrawerLayoutAndroidMethods {
     onSuccess: MeasureLayoutOnSuccessCallback,
     onFail?: () => void,
   ): void;
-  setNativeProps(nativeProps: Object): void;
+  setNativeProps(nativeProps: {...}): void;
 }
 
 export type DrawerLayoutAndroidInstance = DrawerLayoutAndroidMethods;

package/Libraries/Components/Keyboard/Keyboard.js

@@ -19,11 +19,7 @@ import NativeKeyboardObserver from './NativeKeyboardObserver';
 export type KeyboardEventName = keyof KeyboardEventDefinitions;
 
 export type KeyboardEventEasing =
-  | 'easeIn'
-  | 'easeInEaseOut'
-  | 'easeOut'
-  | 'linear'
-  | 'keyboard';
+  'easeIn' | 'easeInEaseOut' | 'easeOut' | 'linear' | 'keyboard';
 
 export type KeyboardMetrics = Readonly<{
   screenX: number,

package/Libraries/Components/Pressable/Pressable.js

@@ -36,6 +36,7 @@ export type PressableInstance = HostInstance;
 
 export type {PressableAndroidRippleConfig};
 
+/** @build-types emit-as-interface react-native-web compatibility */
 export type PressableStateCallbackType = Readonly<{
   pressed: boolean,
   focused: boolean,
@@ -162,8 +163,7 @@ type PressableBaseProps = Readonly<{
    * the component is currently pressed and returns view styles.
    */
   style?:
-    | ViewStyleProp
-    | ((state: PressableStateCallbackType) => ViewStyleProp),
+    ViewStyleProp | ((state: PressableStateCallbackType) => ViewStyleProp),
 
   /**
    * Identifier used to find this view in tests.
@@ -430,10 +430,10 @@ function usePressState(forcePressed: boolean): [boolean, (boolean) => void] {
   return [pressed || forcePressed, setPressed];
 }
 
-const MemoedPressable = memo(Pressable);
-MemoedPressable.displayName = 'Pressable';
-
-export default MemoedPressable as component(
+const MemoedPressable: component(
   ref?: React.RefSetter<PressableInstance>,
   ...props: PressableProps
-);
+) = memo(Pressable);
+MemoedPressable.displayName = 'Pressable';
+
+export default MemoedPressable;

package/Libraries/Components/ScrollView/ScrollView.js

@@ -207,8 +207,7 @@ export type ScrollAnimationEasing =
 export type ScrollResponderType = ScrollViewImperativeMethods;
 
 export interface ScrollViewInstance
-  extends HostInstance,
-    ScrollViewImperativeMethods {}
+  extends HostInstance, ScrollViewImperativeMethods {}
 
 type InnerViewInstance = React.ElementRef<typeof View>;
 
@@ -402,10 +401,7 @@ export type ScrollViewPropsIOS = Readonly<{
    * @platform ios
    */
   contentInsetAdjustmentBehavior?: ?(
-    | 'automatic'
-    | 'scrollableAxes'
-    | 'never'
-    | 'always'
+    'automatic' | 'scrollableAxes' | 'never' | 'always'
   ),
   /**
    * (TvOS only)
@@ -583,9 +579,11 @@ type ScrollViewBaseProps = Readonly<{
    *
    * @default `'none'`
    */
-  keyboardDismissMode?: ?// default
-  // cross-platform
-  ('none' | 'on-drag' | 'interactive'), // ios only
+  keyboardDismissMode?: ?(
+    // default
+    // cross-platform
+    'none' | 'on-drag' | 'interactive'
+  ), // ios only
   /**
    * Determines when the keyboard should stay visible after a tap.
    *
@@ -1115,6 +1113,8 @@ class ScrollView extends React.Component<ScrollViewProps, ScrollViewState> {
           nodeHandle,
           nullthrows(findNodeHandle<$FlowFixMe>(this)),
           // $FlowFixMe[method-unbinding] added when improving typing for this parameters
+          /* $FlowFixMe[incompatible-type] Error exposed after fixing this
+           * typing unsoundness in flow */
           this._textInputFocusError,
           this._inputMeasureAndScrollToKeyboard,
         );
@@ -1123,6 +1123,8 @@ class ScrollView extends React.Component<ScrollViewProps, ScrollViewState> {
           this._innerView.nativeInstance,
           this._inputMeasureAndScrollToKeyboard,
           // $FlowFixMe[method-unbinding] added when improving typing for this parameters
+          /* $FlowFixMe[incompatible-type] Error exposed after fixing this
+           * typing unsoundness in flow */
           this._textInputFocusError,
         );
       }

package/Libraries/Components/ScrollView/ScrollViewNativeComponentType.js

@@ -32,10 +32,7 @@ export type ScrollViewNativeProps = Readonly<{
   centerContent?: ?boolean,
   contentInset?: ?EdgeInsetsProp,
   contentInsetAdjustmentBehavior?: ?(
-    | 'automatic'
-    | 'scrollableAxes'
-    | 'never'
-    | 'always'
+    'automatic' | 'scrollableAxes' | 'never' | 'always'
   ),
   contentOffset?: ?PointProp,
   decelerationRate?: ?('fast' | 'normal' | number),

package/Libraries/Components/StatusBar/StatusBar.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
@@ -101,13 +101,25 @@ export type StatusBarProps = Readonly<{
 
 type StackProps = {
   barStyle: ?{
-    value: StatusBarProps['barStyle'],
+    value: StatusBarStyle,
     animated: boolean,
   },
   hidden: ?{
     value: boolean,
     animated: boolean,
-    transition: StatusBarProps['showHideTransition'],
+    transition: StatusBarAnimation,
+  },
+};
+
+type ResolvedStackProps = {
+  barStyle: {
+    value: StatusBarStyle,
+    animated: boolean,
+  },
+  hidden: {
+    value: boolean,
+    animated: boolean,
+    transition: StatusBarAnimation,
   },
 };
 
@@ -126,13 +138,16 @@ function getAutoBarStyle(): 'light-content' | 'dark-content' {
  * barStyle to a concrete value.
  */
 function mergePropsStack(
-  propsStack: Array<Object>,
-  defaultValues: Object,
-): Object {
-  const merged: StackProps = propsStack.reduce(
+  propsStack: Array<StackProps>,
+  defaultValues: ResolvedStackProps,
+): ResolvedStackProps {
+  const merged: ResolvedStackProps = propsStack.reduce(
     (prev, cur) => {
       for (const prop in cur) {
+        // $FlowFixMe[invalid-computed-prop] dynamic merge over the known StackProps keys
         if (cur[prop] != null) {
+          // $FlowFixMe[invalid-computed-prop] dynamic merge over the known StackProps keys
+          // $FlowFixMe[prop-missing] dynamic merge over the known StackProps keys
           prev[prop] = cur[prop];
         }
       }
@@ -141,7 +156,7 @@ function mergePropsStack(
     {...defaultValues},
   );
 
-  if (merged.barStyle?.value === 'auto') {
+  if (merged.barStyle.value === 'auto') {
     merged.barStyle = {...merged.barStyle, value: getAutoBarStyle()};
   }
 
@@ -224,10 +239,10 @@ function createStackEntry(props: StatusBarProps): StackProps {
 class StatusBar extends React.Component<StatusBarProps> {
   static _propsStack: Array<StackProps> = [];
 
-  static _defaultProps: any = createStackEntry({
-    barStyle: 'default',
-    hidden: false,
-  });
+  static _defaultProps: ResolvedStackProps = {
+    barStyle: {value: 'default', animated: false},
+    hidden: {value: false, animated: false, transition: 'fade'},
+  };
 
   // Timer for updating the native module values at the end of the frame.
   static _updateImmediate: ?number = null;
@@ -235,7 +250,7 @@ class StatusBar extends React.Component<StatusBarProps> {
   // The current merged values from the props stack. `barStyle.value` is stored
   // in its resolved form (never `'auto'`), so diff comparisons reflect what
   // was actually sent to the native module.
-  static _currentValues: ?StackProps = null;
+  static _currentValues: ?ResolvedStackProps = null;
 
   // Number of mounted `StatusBar` instances. Used to lazily subscribe to color
   // scheme changes only while at least one instance is on screen.
@@ -264,10 +279,10 @@ class StatusBar extends React.Component<StatusBarProps> {
    *    changing the status bar hidden property.
    */
   static setHidden(hidden: boolean, animation?: StatusBarAnimation) {
-    animation = animation || 'none';
+    const resolvedAnimation = animation ?? 'none';
     StatusBar._defaultProps.hidden.value = hidden;
     if (Platform.OS === 'ios' && !Platform.isTV ) {
-      NativeStatusBarManagerIOS.setHidden(hidden, animation);
+      NativeStatusBarManagerIOS.setHidden(hidden, resolvedAnimation);
     } else if (Platform.OS === 'android') {
       NativeStatusBarManagerAndroid.setHidden(hidden);
     }
@@ -279,11 +294,11 @@ class StatusBar extends React.Component<StatusBarProps> {
    * @param animated Animate the style change.
    */
   static setBarStyle(style: StatusBarStyle, animated?: boolean) {
-    animated = animated || false;
+    const resolvedAnimated = animated ?? false;
     StatusBar._defaultProps.barStyle.value = style;
     const resolvedStyle = style === 'auto' ? getAutoBarStyle() : style;
     if (Platform.OS === 'ios' && !Platform.isTV) {
-      NativeStatusBarManagerIOS.setStyle(resolvedStyle, animated);
+      NativeStatusBarManagerIOS.setStyle(resolvedStyle, resolvedAnimated);
     } else if (Platform.OS === 'android') {
       NativeStatusBarManagerAndroid.setStyle(resolvedStyle);
     }

package/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js

@@ -24,7 +24,10 @@ import type {TextInputNativeCommands} from './TextInputNativeCommands';
 
 import * as NativeComponentRegistry from '../../NativeComponent/NativeComponentRegistry';
 import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-import {colorAttribute} from '../View/ReactNativeStyleAttributes';
+import {
+  colorAttribute,
+  fontVariationSettingsAttribute,
+} from '../View/ReactNativeStyleAttributes';
 
 export type KeyboardType =
   // Cross Platform
@@ -619,6 +622,7 @@ export type AndroidTextInputNativeProps = Readonly<{
   includeFontPadding?: ?boolean,
   fontWeight?: ?string,
   fontFamily?: ?string,
+  fontVariationSettings?: ?string,
 
   /**
    * I cannot find where these are defined but JS complains without them.
@@ -718,6 +722,7 @@ export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
     includeFontPadding: true,
     fontWeight: true,
     fontFamily: true,
+    fontVariationSettings: fontVariationSettingsAttribute,
     allowFontScaling: true,
     onSelectionChange: true,
     mostRecentEventCount: true,

package/Libraries/Components/TextInput/InputAccessoryView.js

@@ -18,7 +18,11 @@ import useWindowDimensions from '../../Utilities/useWindowDimensions';
 import RCTInputAccessoryViewNativeComponent from './RCTInputAccessoryViewNativeComponent';
 import * as React from 'react';
 
-/** @build-types emit-as-interface Expo compatibility */
+/**
+ * InputAccessoryView is deprecated and will be removed in a future release.
+ * @deprecated
+ * @build-types emit-as-interface Expo compatibility
+ */
 export type InputAccessoryViewProps = Readonly<{
   readonly children: React.Node,
   /**
@@ -36,8 +40,10 @@ export type InputAccessoryViewProps = Readonly<{
  *
  * This component can also be used to create sticky text inputs (text inputs which are anchored to the top of the keyboard). To do this, wrap a `TextInput` with `InputAccessoryView` and don't set a `nativeID`.
  *
- * @see https://reactnative.dev/docs/inputaccessoryview
+ * InputAccessoryView is deprecated and will be removed in a future release.
+ *
  * @platform ios
+ * @deprecated
  */
 const InputAccessoryView: React.ComponentType<InputAccessoryViewProps> = (
   props: InputAccessoryViewProps,

package/Libraries/Components/TextInput/RCTTextInputViewConfig.js

@@ -11,7 +11,10 @@
 import type {PartialViewConfig} from '../../Renderer/shims/ReactNativeTypes';
 
 import {ConditionallyIgnoredEventHandlers} from '../../NativeComponent/ViewConfigIgnore';
-import {colorAttribute} from '../View/ReactNativeStyleAttributes';
+import {
+  colorAttribute,
+  fontVariationSettingsAttribute,
+} from '../View/ReactNativeStyleAttributes';
 
 type PartialViewConfigWithoutName = Omit<PartialViewConfig, 'uiViewClassName'>;
 
@@ -102,6 +105,7 @@ const RCTTextInputViewConfig: PartialViewConfigWithoutName = {
     },
     allowFontScaling: true,
     fontStyle: true,
+    fontVariationSettings: fontVariationSettingsAttribute,
     textTransform: true,
     textAlign: true,
     fontFamily: true,

package/Libraries/Components/TextInput/TextInput.flow.js

@@ -172,36 +172,20 @@ export type KeyboardTypeIOS =
 export type KeyboardTypeAndroid = 'visible-password';
 
 export type KeyboardTypeOptions =
-  | KeyboardType
-  | KeyboardTypeIOS
-  | KeyboardTypeAndroid;
+  KeyboardType | KeyboardTypeIOS | KeyboardTypeAndroid;
 
 export type InputModeOptions =
-  | 'none'
-  | 'text'
-  | 'decimal'
-  | 'numeric'
-  | 'tel'
-  | 'search'
-  | 'email'
-  | 'url';
+  'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
 
 export type ReturnKeyType = 'done' | 'go' | 'next' | 'search' | 'send';
 
 export type ReturnKeyTypeIOS =
-  | 'default'
-  | 'emergency-call'
-  | 'google'
-  | 'join'
-  | 'route'
-  | 'yahoo';
+  'default' | 'emergency-call' | 'google' | 'join' | 'route' | 'yahoo';
 
 export type ReturnKeyTypeAndroid = 'none' | 'previous';
 
 export type ReturnKeyTypeOptions =
-  | ReturnKeyType
-  | ReturnKeyTypeIOS
-  | ReturnKeyTypeAndroid;
+  ReturnKeyType | ReturnKeyTypeIOS | ReturnKeyTypeAndroid;
 
 export type SubmitBehavior = 'submit' | 'blurAndSubmit' | 'newline';
 
@@ -262,9 +246,7 @@ export type EnterKeyHintTypeIOS = 'enter';
 export type EnterKeyHintType = 'done' | 'go' | 'next' | 'search' | 'send';
 
 export type EnterKeyHintTypeOptions =
-  | EnterKeyHintType
-  | EnterKeyHintTypeAndroid
-  | EnterKeyHintTypeIOS;
+  EnterKeyHintType | EnterKeyHintTypeAndroid | EnterKeyHintTypeIOS;
 
 type PasswordRules = string;
 
@@ -307,8 +289,7 @@ export type TextInputIOSProps = Readonly<{
    * @platform ios
    */
   dataDetectorTypes?:
-    | ?DataDetectorTypesType
-    | ReadonlyArray<DataDetectorTypesType>,
+    ?DataDetectorTypesType | ReadonlyArray<DataDetectorTypesType>,
 
   /**
    * If `true`, the keyboard disables the return key when there is no text and
@@ -386,12 +367,7 @@ export type TextInputIOSProps = Readonly<{
    * @platform ios
    */
   lineBreakModeIOS?: ?(
-    | 'wordWrapping'
-    | 'char'
-    | 'clip'
-    | 'head'
-    | 'middle'
-    | 'tail'
+    'wordWrapping' | 'char' | 'clip' | 'head' | 'middle' | 'tail'
   ),
 
   /**
@@ -448,11 +424,7 @@ export type TextInputAndroidProps = Readonly<{
    * - `yesExcludeDescendants` - this view is important for autofill but its children aren't
    */
   importantForAutofill?: ?(
-    | 'auto'
-    | 'no'
-    | 'noExcludeDescendants'
-    | 'yes'
-    | 'yesExcludeDescendants'
+    'auto' | 'no' | 'noExcludeDescendants' | 'yes' | 'yesExcludeDescendants'
   ),
 
   /**

package/Libraries/Components/TextInput/TextInput.js

@@ -303,11 +303,11 @@ function InternalTextInput(props: TextInputProps): React.Node {
       TextInputState.registerInput(inputRefValue);
 
       return () => {
-        TextInputState.unregisterInput(inputRefValue);
-
         if (TextInputState.currentlyFocusedInput() === inputRefValue) {
           nullthrows(inputRefValue).blur();
         }
+
+        TextInputState.unregisterInput(inputRefValue);
       };
     }
   }, []);
@@ -649,53 +649,54 @@ function InternalTextInput(props: TextInputProps): React.Node {
           ? selectionColor
           : selectionHandleColor,
     };
-    textInput = (
-      /* $FlowFixMe[prop-missing] the types for AndroidTextInput don't match up
-       * exactly with the props for TextInput. This will need to get fixed */
-      /* $FlowFixMe[incompatible-type] the types for AndroidTextInput don't
-       * match up exactly with the props for TextInput. This will need to get
-       * fixed */
-      /* $FlowFixMe[incompatible-type-arg] the types for AndroidTextInput don't
-       * match up exactly with the props for TextInput. This will need to get
-       * fixed */
-      <AndroidTextInput
-        // Figure out imperative + forward refs.
-        ref={ref as $FlowFixMe}
-        {...otherProps}
-        {...colorProps}
-        {...eventHandlers}
-        accessibilityLabel={_accessibilityLabel}
-        accessibilityLabelledBy={_accessibilityLabelledBy}
-        accessibilityState={_accessibilityState}
-        accessible={accessible}
-        acceptDragAndDropTypes={props.experimental_acceptDragAndDropTypes}
-        autoCapitalize={autoCapitalize}
-        submitBehavior={submitBehavior}
-        caretHidden={caretHidden}
-        children={children}
-        disableFullscreenUI={props.disableFullscreenUI}
-        focusable={tabIndex !== undefined ? !tabIndex : focusable}
-        importantForAccessibility={_importantForAccessibility}
-        mostRecentEventCount={mostRecentEventCount}
-        nativeID={id ?? props.nativeID}
-        numberOfLines={props.rows ?? props.numberOfLines}
-        onBlur={_onBlur}
-        onChange={_onChange}
-        onFocus={_onFocus}
-        /* $FlowFixMe[prop-missing] the types for AndroidTextInput don't match
-         * up exactly with the props for TextInput. This will need to get fixed
-         */
-        /* $FlowFixMe[incompatible-type] the types for AndroidTextInput
-         * don't match up exactly with the props for TextInput. This will need
-         * to get fixed */
-        onScroll={_onScroll}
-        onSelectionChange={_onSelectionChange}
-        placeholder={placeholder}
-        style={_style}
-        text={text}
-        textBreakStrategy={props.textBreakStrategy}
-      />
-    );
+    textInput =
+      (
+        /* $FlowFixMe[prop-missing] the types for AndroidTextInput don't match up
+         * exactly with the props for TextInput. This will need to get fixed */
+        /* $FlowFixMe[incompatible-type] the types for AndroidTextInput don't
+         * match up exactly with the props for TextInput. This will need to get
+         * fixed */
+        /* $FlowFixMe[incompatible-type-arg] the types for AndroidTextInput don't
+         * match up exactly with the props for TextInput. This will need to get
+         * fixed */
+        <AndroidTextInput
+          // Figure out imperative + forward refs.
+          ref={ref as $FlowFixMe}
+          {...otherProps}
+          {...colorProps}
+          {...eventHandlers}
+          accessibilityLabel={_accessibilityLabel}
+          accessibilityLabelledBy={_accessibilityLabelledBy}
+          accessibilityState={_accessibilityState}
+          accessible={accessible}
+          acceptDragAndDropTypes={props.experimental_acceptDragAndDropTypes}
+          autoCapitalize={autoCapitalize}
+          submitBehavior={submitBehavior}
+          caretHidden={caretHidden}
+          children={children}
+          disableFullscreenUI={props.disableFullscreenUI}
+          focusable={tabIndex !== undefined ? !tabIndex : focusable}
+          importantForAccessibility={_importantForAccessibility}
+          mostRecentEventCount={mostRecentEventCount}
+          nativeID={id ?? props.nativeID}
+          numberOfLines={props.rows ?? props.numberOfLines}
+          onBlur={_onBlur}
+          onChange={_onChange}
+          onFocus={_onFocus}
+          /* $FlowFixMe[prop-missing] the types for AndroidTextInput don't match
+           * up exactly with the props for TextInput. This will need to get fixed
+           */
+          /* $FlowFixMe[incompatible-type] the types for AndroidTextInput
+           * don't match up exactly with the props for TextInput. This will need
+           * to get fixed */
+          onScroll={_onScroll}
+          onSelectionChange={_onSelectionChange}
+          placeholder={placeholder}
+          style={_style}
+          text={text}
+          textBreakStrategy={props.textBreakStrategy}
+        />
+      );
   }
   return <TextAncestorContext value={true}>{textInput}</TextAncestorContext>;
 }