expo-router

Version:

Expo Router is a file-based router for React Native and web applications.

docs.expo.dev/routing/introduction/

30 lines (29 loc) • 945 B

TypeScript

import type { StackToolbarSearchBarSlotProps } from './types';
export type { StackToolbarSearchBarSlotProps, NativeToolbarSearchBarSlotProps } from './types';
/**
 * A search bar slot for the bottom toolbar. This reserves space for the search bar
 * in the toolbar and allows positioning it among other toolbar items.
 *
 * This component is only available in bottom placement (`<Stack.Toolbar>` or `<Stack.Toolbar placement="bottom">`).
 *
 * @example
 * ```tsx
 * import { Stack } from 'expo-router';
 *
 * export default function Page() {
 *   return (
 *     <>
 *       <Stack.Toolbar>
 *         <Stack.Toolbar.Button icon="folder" />
 *         <Stack.Toolbar.SearchBarSlot />
 *         <Stack.Toolbar.Button icon="ellipsis.circle" />
 *       </Stack.Toolbar>
 *       <ScreenContent />
 *     </>
 *   );
 * }
 * ```
 *
 * @platform iOS 26+
 */
export declare const StackToolbarSearchBarSlot: React.FC<StackToolbarSearchBarSlotProps>;