@expo/ui 56.0.15 → 56.0.17

package/src/State/useNativeState.ts

@@ -20,6 +20,16 @@ export type ObservableState<T> = SharedObject & {
    */
   value: T;
 
+  /**
+   * Reads the current value. A React Compiler compliant alternative to reading `.value`
+   */
+  get(): T;
+
+  /**
+   * Writes a new value. A React Compiler-compliant alternative to assigning `.value`
+   */
+  set(value: T): void;
+
   /**
    * A single listener invoked on the native UI runtime whenever the value changes
    * (after iOS `didSet` and Android's setter). Assigning replaces the previous
@@ -38,9 +48,6 @@ export type ObservableState<T> = SharedObject & {
    *     'worklet';
    *     console.log('changed to', value);
    *   };
-   *   return () => {
-   *     state.onChange = null;
-   *   };
    * }, []);
    * ```
    */
@@ -65,28 +72,25 @@ type NativeObservableState = {
   getValue(): unknown;
   setValue(v: { value: unknown }): void;
   setOnChange(callback: object | null): void;
+  get?: () => unknown;
+  set?: (value: unknown) => void;
 };
 
 /**
- * Adds a `value` property that delegates to the native `getValue`/`setValue` functions.
+ * Adds a `value` property plus `get`/`set` methods that delegate to the native
+ * `getValue`/`setValue` functions.
  */
 function defineValueProperty(state: NativeObservableState): void {
-  let warnedOnJSWrite = false;
   Object.defineProperty(state, 'value', {
     get() {
       return state.getValue();
     },
     set(v: unknown) {
-      if (__DEV__ && !warnedOnJSWrite && worklets && !worklets.isUIRuntime()) {
-        warnedOnJSWrite = true;
-        console.warn(
-          'ObservableState.value was set from the JS thread, the result may be unexpected. ' +
-            'Use a worklet to update the state.'
-        );
-      }
       state.setValue({ value: v });
     },
   });
+  state.get = () => state.getValue();
+  state.set = (v: unknown) => state.setValue({ value: v });
 }
 
 /**
@@ -104,7 +108,14 @@ function defineOnChangeProperty(state: NativeObservableState): void {
     set(fn: ((value: unknown) => void) | null | undefined) {
       if (!fn) {
         currentFn = null;
-        state.setOnChange(null);
+        try {
+          state.setOnChange(null);
+        } catch {
+          // On unmount the shared object is often released before this cleanup
+          // runs (useReleasingSharedObject releases it earlier in the component),
+          // so setOnChange throws "already released". Clearing a listener on a
+          // gone object is a no-op, so ignore it rather than crash teardown.
+        }
         return;
       }
       if (!worklets) {

package/src/community/datetime-picker/DateTimePicker.tsx

@@ -87,7 +87,7 @@ export function DateTimePicker(props: DateTimePickerProps) {
   };
 
   return (
-    <Host matchContents={{ vertical: true }} style={style}>
+    <Host matchContents={{ vertical: true }} style={style} ignoreSafeArea="all">
       <DatePicker {...iosProps} />
     </Host>
   );

package/src/community/menu/MenuView.ios.tsx

@@ -135,7 +135,7 @@ export function MenuView(props: MenuComponentProps & { ref?: React.Ref<MenuCompo
   );
 
   return (
-    <Host matchContents style={style} testID={testID}>
+    <Host matchContents style={style} testID={testID} ignoreSafeArea="all">
       {shouldOpenOnLongPress ? (
         <ContextMenu>
           <ContextMenu.Trigger>{trigger}</ContextMenu.Trigger>

package/src/community/pager-view/PagerView.android.tsx

@@ -8,7 +8,7 @@ import {
   useState,
   type ReactElement,
 } from 'react';
-import { StyleSheet } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 
 import { wrapNativeEvent, type PagerViewProps } from './types';
 import { worklets } from '../../State';
@@ -43,6 +43,13 @@ export function PagerView(props: PagerViewProps) {
     setScrollEnabledState(scrollEnabled);
   }, [scrollEnabled]);
 
+  // All pages share the same (0,0) origin in RN's layout — Compose, not Yoga,
+  // applies the per-page offset — so off-screen pages overlap the visible one in
+  // RN's coordinate space and can steal its touches (#46386). Track the settled
+  // page and make only it interactive; non-settled pages are `pointerEvents`
+  // "none" so hit-testing resolves taps to the page actually on screen.
+  const [settledPage, setSettledPage] = useState(initialPage);
+
   // Synthesize pager-view's `idle | dragging | settling` from Compose's raw
   // signals: `isScrollInProgress` (drag or snap-animation in flight) plus
   // drag interactions (start/stop/cancel).
@@ -73,7 +80,9 @@ export function PagerView(props: PagerViewProps) {
     .filter((child): child is ReactElement => isValidElement(child))
     .map((child, index) => (
       <RNHostView key={child.key ?? String(index)} modifiers={[fillMaxSize()]}>
-        {child}
+        <View style={styles.page} pointerEvents={index === settledPage ? 'auto' : 'none'}>
+          {child}
+        </View>
       </RNHostView>
     ));
 
@@ -101,6 +110,7 @@ export function PagerView(props: PagerViewProps) {
         beyondViewportPageCount={offscreenPageLimit}
         modifiers={pagerModifiers}
         onSettledPageChange={(page) => {
+          setSettledPage(page);
           onPageSelected?.(wrapNativeEvent({ position: page }));
         }}
         onPageScroll={pageScrollHandler}
@@ -222,3 +232,7 @@ function warnAboutStringBorderRadiusOnce(key: string, value: string): void {
       `Use a numeric pixel value, or omit the style key.`
   );
 }
+
+const styles = StyleSheet.create({
+  page: { flex: 1 },
+});

package/src/community/pager-view/PagerView.ios.tsx

@@ -213,7 +213,7 @@ export function PagerView(props: PagerViewProps) {
   ];
 
   return (
-    <Host style={style ?? { flex: 1 }} {...passthrough}>
+    <Host style={style ?? { flex: 1 }} ignoreSafeArea="all" {...passthrough}>
       <ScrollView axes="horizontal" showsIndicators={false} modifiers={modifiers}>
         <LazyHStack spacing={0} modifiers={[scrollTargetLayout()]}>
           {pages}

package/src/community/picker/Picker.ios.tsx

@@ -41,7 +41,7 @@ export function Picker<T extends PickerItemValue>(props: PickerProps<T>) {
   }));
 
   return (
-    <Host matchContents={{ vertical: true }} style={style}>
+    <Host matchContents={{ vertical: true }} style={style} ignoreSafeArea="all">
       <SwiftUIPicker
         modifiers={modifiers}
         selection={selectedValue}

package/src/community/segmented-control/SegmentedControl.ios.tsx

@@ -35,7 +35,7 @@ export function SegmentedControl(props: SegmentedControlProps) {
   };
 
   return (
-    <Host matchContents={{ vertical: true }} style={style}>
+    <Host matchContents={{ vertical: true }} style={style} ignoreSafeArea="all">
       <Picker
         selection={selectedIndex}
         onSelectionChange={handleSelectionChange}

package/src/community/slider/Slider.ios.tsx

@@ -32,7 +32,7 @@ export function Slider(props: SliderProps) {
     modifiers.push(tintModifier(minimumTrackTintColor as string));
   }
   return (
-    <Host matchContents={{ vertical: true }} style={hostStyle}>
+    <Host matchContents={{ vertical: true }} style={hostStyle} ignoreSafeArea="all">
       <SwiftUISlider
         value={value}
         min={minimumValue}

package/src/jetpack-compose/NavigationBar/index.tsx

@@ -0,0 +1,174 @@
+import { requireNativeView } from 'expo';
+import { type ColorValue } from 'react-native';
+
+import { type ModifierConfig, type ViewEvent } from '../../types';
+import { createViewModifierEventListener } from '../modifiers';
+
+type SlotProps = {
+  children: React.ReactNode;
+};
+
+type NativeSlotViewProps = {
+  slotName: string;
+  children: React.ReactNode;
+};
+
+/**
+ * Colors for navigation bar items in different states.
+ */
+export type NavigationBarItemColors = {
+  selectedIconColor?: ColorValue;
+  selectedTextColor?: ColorValue;
+  selectedIndicatorColor?: ColorValue;
+  unselectedIconColor?: ColorValue;
+  unselectedTextColor?: ColorValue;
+  disabledIconColor?: ColorValue;
+  disabledTextColor?: ColorValue;
+};
+
+export type NavigationBarProps = {
+  /**
+   * Background color of the navigation bar.
+   * @default NavigationBarDefaults.containerColor
+   */
+  containerColor?: ColorValue;
+  /**
+   * Preferred content color inside the navigation bar.
+   * @default contentColorFor(containerColor)
+   */
+  contentColor?: ColorValue;
+  /**
+   * Tonal elevation in dp.
+   * @default NavigationBarDefaults.Elevation
+   */
+  tonalElevation?: number;
+  /**
+   * Modifiers for the component.
+   */
+  modifiers?: ModifierConfig[];
+  /**
+   * Navigation bar items.
+   */
+  children?: React.ReactNode;
+};
+
+export type NavigationBarItemProps = {
+  /**
+   * Whether this item is currently selected.
+   */
+  selected: boolean;
+  /**
+   * Callback that is called when the item is clicked.
+   */
+  onClick?: () => void;
+  /**
+   * Whether the item is enabled.
+   * @default true
+   */
+  enabled?: boolean;
+  /**
+   * Whether to always show the label.
+   * @default true
+   */
+  alwaysShowLabel?: boolean;
+  /**
+   * Colors for the item in different states.
+   */
+  colors?: NavigationBarItemColors;
+  /**
+   * Modifiers for the component.
+   */
+  modifiers?: ModifierConfig[];
+  /**
+   * Children containing `Icon`, `SelectedIcon`, and `Label` slots.
+   */
+  children?: React.ReactNode;
+};
+
+type NativeNavigationBarItemProps = Omit<NavigationBarItemProps, 'onClick'> &
+  ViewEvent<'onButtonPressed', void>;
+
+const NavigationBarNativeView: React.ComponentType<NavigationBarProps> = requireNativeView(
+  'ExpoUI',
+  'NavigationBarView'
+);
+
+const NavigationBarItemNativeView: React.ComponentType<NativeNavigationBarItemProps> =
+  requireNativeView('ExpoUI', 'NavigationBarItemView');
+
+const SlotNativeView: React.ComponentType<NativeSlotViewProps> = requireNativeView(
+  'ExpoUI',
+  'SlotView'
+);
+
+function transformNavigationBarProps(props: NavigationBarProps): NavigationBarProps {
+  const { modifiers, ...restProps } = props;
+  return {
+    modifiers,
+    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
+    ...restProps,
+  };
+}
+
+function transformNavigationBarItemProps(
+  props: NavigationBarItemProps
+): NativeNavigationBarItemProps {
+  const { modifiers, onClick, ...restProps } = props;
+  return {
+    modifiers,
+    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
+    ...restProps,
+    onButtonPressed: () => onClick?.(),
+  };
+}
+
+/**
+ * Icon slot for `NavigationBarItem`.
+ */
+function NavigationBarItemIcon(props: SlotProps) {
+  return <SlotNativeView slotName="icon">{props.children}</SlotNativeView>;
+}
+
+/**
+ * Selected icon slot for `NavigationBarItem`. Falls back to `Icon` when omitted.
+ */
+function NavigationBarItemSelectedIcon(props: SlotProps) {
+  return <SlotNativeView slotName="selectedIcon">{props.children}</SlotNativeView>;
+}
+
+/**
+ * Label slot for `NavigationBarItem`.
+ */
+function NavigationBarItemLabel(props: SlotProps) {
+  return <SlotNativeView slotName="label">{props.children}</SlotNativeView>;
+}
+
+/**
+ * A Material Design 3 navigation bar.
+ */
+export function NavigationBar(props: NavigationBarProps) {
+  const { children, ...restProps } = props;
+  return (
+    <NavigationBarNativeView {...transformNavigationBarProps(restProps)}>
+      {children}
+    </NavigationBarNativeView>
+  );
+}
+
+/**
+ * A Material Design 3 navigation bar item. Must be used inside `NavigationBar`.
+ */
+function NavigationBarItemComponent(props: NavigationBarItemProps) {
+  const { children, ...restProps } = props;
+  return (
+    <NavigationBarItemNativeView {...transformNavigationBarItemProps(restProps)}>
+      {children}
+    </NavigationBarItemNativeView>
+  );
+}
+
+NavigationBarItemComponent.Icon = NavigationBarItemIcon;
+NavigationBarItemComponent.SelectedIcon = NavigationBarItemSelectedIcon;
+NavigationBarItemComponent.Label = NavigationBarItemLabel;
+
+export { NavigationBarItemComponent as NavigationBarItem };

package/src/jetpack-compose/TextField/BasicTextField.tsx

@@ -0,0 +1,118 @@
+import { requireNativeView } from 'expo';
+import type { ColorValue } from 'react-native';
+
+import {
+  type CommonNativeTextFieldProps,
+  type CommonTextFieldProperties,
+  type TextFieldRef,
+  useCommonTextFieldProps,
+} from './shared';
+import { Slot } from '../SlotView';
+
+// region Types
+
+/**
+ * Imperative methods for `BasicTextField`. Identical to {@link TextFieldRef}.
+ */
+export type BasicTextFieldRef = TextFieldRef;
+
+/**
+ * Props for `BasicTextField`. Mirrors Compose's `BasicTextField`: a bare,
+ * unstyled text field with no Material chrome (no container, indicator, or
+ * built-in padding). Shares {@link CommonTextFieldProperties} with `TextField` and
+ * `OutlinedTextField`; use `BasicTextField.DecorationBox` to add your own
+ * decoration.
+ */
+export type BasicTextFieldProps = CommonTextFieldProperties & {
+  /**
+   * Color of the text cursor. Maps to Compose's `cursorBrush` via
+   * `SolidColor(color)`. Defaults to the theme's primary color
+   * (`MaterialTheme.colorScheme.primary`) so it stays visible in light and dark.
+   */
+  cursorColor?: ColorValue;
+};
+
+// endregion Types
+
+// region Native
+
+type NativeBasicTextFieldProps = Omit<
+  BasicTextFieldProps,
+  | 'value'
+  | 'selection'
+  | 'onValueChange'
+  | 'onFocusChanged'
+  | 'onSelectionChange'
+  | 'keyboardActions'
+  | 'children'
+> &
+  CommonNativeTextFieldProps;
+
+const BasicTextFieldNativeView: React.ComponentType<NativeBasicTextFieldProps> = requireNativeView(
+  'ExpoUI',
+  'BasicTextFieldView'
+);
+
+const InnerTextFieldNativeView: React.ComponentType<object> = requireNativeView(
+  'ExpoUI',
+  'InnerTextFieldView'
+);
+
+const PlaceholderNativeView: React.ComponentType<{ children?: React.ReactNode }> =
+  requireNativeView('ExpoUI', 'PlaceholderView');
+
+function useTransformedProps(props: BasicTextFieldProps): NativeBasicTextFieldProps {
+  return useCommonTextFieldProps(props);
+}
+
+// endregion Native
+
+// region Slot components
+
+/**
+ * Wraps the editable text with custom decoration. Maps to Compose's
+ * `decorationBox`. Place {@link InnerTextField} inside it where the text
+ * should render.
+ */
+function DecorationBox(props: { children: React.ReactNode }) {
+  return <Slot slotName="decorationBox">{props.children}</Slot>;
+}
+
+/**
+ * The editable text itself, placed wherever you want it inside
+ * {@link DecorationBox}. Maps to the `innerTextField` lambda Compose passes to
+ * `decorationBox`.
+ */
+function InnerTextField() {
+  return <InnerTextFieldNativeView />;
+}
+
+/**
+ * A placeholder shown only while the field is empty. Place it inside
+ * {@link DecorationBox}, typically overlaying {@link InnerTextField}. Its
+ * visibility is toggled natively from the field's text, so it stays correct for
+ * every change — typing, `clear()`, `setText`, and writes to the `value`
+ * observable — without a JS round-trip.
+ */
+function Placeholder(props: { children: React.ReactNode }) {
+  return <PlaceholderNativeView>{props.children}</PlaceholderNativeView>;
+}
+
+// endregion Slot components
+
+// region Component
+
+/**
+ * A bare, unstyled Compose `BasicTextField` with no Material decoration.
+ */
+function BasicTextFieldComponent(props: BasicTextFieldProps) {
+  return <BasicTextFieldNativeView {...useTransformedProps(props)} />;
+}
+
+BasicTextFieldComponent.DecorationBox = DecorationBox;
+BasicTextFieldComponent.InnerTextField = InnerTextField;
+BasicTextFieldComponent.Placeholder = Placeholder;
+
+// endregion Component
+
+export { BasicTextFieldComponent as BasicTextField };

package/src/jetpack-compose/TextField/TextField.tsx

@@ -0,0 +1,198 @@
+import { requireNativeView } from 'expo';
+import type { ColorValue } from 'react-native';
+
+import {
+  type CommonNativeTextFieldProps,
+  type CommonTextFieldProperties,
+  useCommonTextFieldProps,
+} from './shared';
+import { type ObservableState } from '../../State';
+import { parseJSXShape, type ShapeJSXElement, type ShapeRecordProps } from '../Shape';
+import { Slot } from '../SlotView';
+
+// region Types
+
+/**
+ * Colors for `TextField` and `OutlinedTextField`.
+ * Maps to `TextFieldColors` in Compose, shared by both variants.
+ */
+export type TextFieldColors = {
+  focusedTextColor?: ColorValue;
+  unfocusedTextColor?: ColorValue;
+  disabledTextColor?: ColorValue;
+  errorTextColor?: ColorValue;
+  focusedContainerColor?: ColorValue;
+  unfocusedContainerColor?: ColorValue;
+  disabledContainerColor?: ColorValue;
+  errorContainerColor?: ColorValue;
+  cursorColor?: ColorValue;
+  errorCursorColor?: ColorValue;
+  focusedIndicatorColor?: ColorValue;
+  unfocusedIndicatorColor?: ColorValue;
+  disabledIndicatorColor?: ColorValue;
+  errorIndicatorColor?: ColorValue;
+  focusedLeadingIconColor?: ColorValue;
+  unfocusedLeadingIconColor?: ColorValue;
+  disabledLeadingIconColor?: ColorValue;
+  errorLeadingIconColor?: ColorValue;
+  focusedTrailingIconColor?: ColorValue;
+  unfocusedTrailingIconColor?: ColorValue;
+  disabledTrailingIconColor?: ColorValue;
+  errorTrailingIconColor?: ColorValue;
+  focusedLabelColor?: ColorValue;
+  unfocusedLabelColor?: ColorValue;
+  disabledLabelColor?: ColorValue;
+  errorLabelColor?: ColorValue;
+  focusedPlaceholderColor?: ColorValue;
+  unfocusedPlaceholderColor?: ColorValue;
+  disabledPlaceholderColor?: ColorValue;
+  errorPlaceholderColor?: ColorValue;
+  focusedSupportingTextColor?: ColorValue;
+  unfocusedSupportingTextColor?: ColorValue;
+  disabledSupportingTextColor?: ColorValue;
+  errorSupportingTextColor?: ColorValue;
+  focusedPrefixColor?: ColorValue;
+  unfocusedPrefixColor?: ColorValue;
+  disabledPrefixColor?: ColorValue;
+  errorPrefixColor?: ColorValue;
+  focusedSuffixColor?: ColorValue;
+  unfocusedSuffixColor?: ColorValue;
+  disabledSuffixColor?: ColorValue;
+  errorSuffixColor?: ColorValue;
+};
+
+// Material props inlined per variant (not a shared named base) so docs render them directly.
+export type TextFieldProps = CommonTextFieldProperties & {
+  /** @default false */
+  isError?: boolean;
+  /**
+   * Shape used for the field's container outline/fill. Use the helpers from
+   * `Shape` (for example, `<Shape.Pill />` or `<Shape.RoundedCorner cornerRadii={...} />`).
+   * Defaults to the Material `OutlinedTextFieldDefaults.shape`/`TextFieldDefaults.shape`.
+   */
+  shape?: ShapeJSXElement;
+  colors?: TextFieldColors;
+};
+
+export type OutlinedTextFieldProps = CommonTextFieldProperties & {
+  /** @default false */
+  isError?: boolean;
+  /**
+   * Shape used for the field's container outline/fill. Use the helpers from
+   * `Shape` (for example, `<Shape.Pill />` or `<Shape.RoundedCorner cornerRadii={...} />`).
+   * Defaults to the Material `OutlinedTextFieldDefaults.shape`/`TextFieldDefaults.shape`.
+   */
+  shape?: ShapeJSXElement;
+  colors?: TextFieldColors;
+};
+
+// endregion Types
+
+// region Native
+
+type NativeTextFieldProps = Omit<
+  TextFieldProps,
+  | 'value'
+  | 'selection'
+  | 'onValueChange'
+  | 'onFocusChanged'
+  | 'onSelectionChange'
+  | 'keyboardActions'
+  | 'children'
+  | 'shape'
+> &
+  CommonNativeTextFieldProps & {
+    variant: 'filled' | 'outlined';
+    colors?: TextFieldColors;
+    shape?: ShapeRecordProps;
+  };
+
+const TextFieldNativeView: React.ComponentType<NativeTextFieldProps> = requireNativeView(
+  'ExpoUI',
+  'TextFieldView'
+);
+
+function useTransformedProps(
+  props: TextFieldProps | OutlinedTextFieldProps,
+  variant: 'filled' | 'outlined'
+): NativeTextFieldProps {
+  const { shape, ...rest } = props;
+  return {
+    ...useCommonTextFieldProps(rest),
+    variant,
+    shape: parseJSXShape(shape),
+  };
+}
+
+// endregion Native
+
+// region Slot components
+
+function Label(props: { children: React.ReactNode }) {
+  return <Slot slotName="label">{props.children}</Slot>;
+}
+
+function Placeholder(props: { children: React.ReactNode }) {
+  return <Slot slotName="placeholder">{props.children}</Slot>;
+}
+
+function LeadingIcon(props: { children: React.ReactNode }) {
+  return <Slot slotName="leadingIcon">{props.children}</Slot>;
+}
+
+function TrailingIcon(props: { children: React.ReactNode }) {
+  return <Slot slotName="trailingIcon">{props.children}</Slot>;
+}
+
+function Prefix(props: { children: React.ReactNode }) {
+  return <Slot slotName="prefix">{props.children}</Slot>;
+}
+
+function Suffix(props: { children: React.ReactNode }) {
+  return <Slot slotName="suffix">{props.children}</Slot>;
+}
+
+function SupportingText(props: { children: React.ReactNode }) {
+  return <Slot slotName="supportingText">{props.children}</Slot>;
+}
+
+// endregion Slot components
+
+// region Components
+
+/**
+ * A Material3 `TextField`.
+ */
+function TextFieldComponent(props: TextFieldProps) {
+  return <TextFieldNativeView {...useTransformedProps(props, 'filled')} />;
+}
+
+TextFieldComponent.Label = Label;
+TextFieldComponent.Placeholder = Placeholder;
+TextFieldComponent.LeadingIcon = LeadingIcon;
+TextFieldComponent.TrailingIcon = TrailingIcon;
+TextFieldComponent.Prefix = Prefix;
+TextFieldComponent.Suffix = Suffix;
+TextFieldComponent.SupportingText = SupportingText;
+
+/**
+ * A Material3 `OutlinedTextField` with a transparent background and border outline.
+ */
+function OutlinedTextFieldComponent(props: OutlinedTextFieldProps) {
+  return <TextFieldNativeView {...useTransformedProps(props, 'outlined')} />;
+}
+
+OutlinedTextFieldComponent.Label = Label;
+OutlinedTextFieldComponent.Placeholder = Placeholder;
+OutlinedTextFieldComponent.LeadingIcon = LeadingIcon;
+OutlinedTextFieldComponent.TrailingIcon = TrailingIcon;
+OutlinedTextFieldComponent.Prefix = Prefix;
+OutlinedTextFieldComponent.Suffix = Suffix;
+OutlinedTextFieldComponent.SupportingText = SupportingText;
+
+// endregion Components
+
+export { TextFieldComponent as TextField, OutlinedTextFieldComponent as OutlinedTextField };
+
+// Exported for docs api data
+export { type ObservableState };

package/src/jetpack-compose/TextField/index.ts

@@ -0,0 +1,19 @@
+export {
+  TextField,
+  OutlinedTextField,
+  type TextFieldColors,
+  type TextFieldProps,
+  type OutlinedTextFieldProps,
+  type ObservableState,
+} from './TextField';
+export { BasicTextField, type BasicTextFieldProps, type BasicTextFieldRef } from './BasicTextField';
+export type {
+  TextFieldRef,
+  TextFieldCapitalization,
+  TextFieldImeAction,
+  TextFieldKeyboardType,
+  TextFieldKeyboardOptions,
+  TextFieldKeyboardActions,
+  TextFieldTextStyle,
+  CommonTextFieldProperties,
+} from './shared';