UIProvider - AMiSi Mobile Starter

Use UIProvider once at the app root. It reads isDark from @amisi-mobile-starter/theme and passes light or dark to Gluestack.

Usage

Use the repository-local configuration from apps/mobile/gluestack-ui.config.ts, not @gluestack-ui/config.

import { Slot } from 'expo-router';

import { UIProvider } from '@amisi-mobile-starter/ui';

import { config as gluestackConfig } from '../gluestack-ui.config';

export default function RootLayout() {
  return (
    <UIProvider config={gluestackConfig}>
      <Slot />
    </UIProvider>
  );
}

Props

Prop	Type	Default	Description
`children`	`ReactNode`	Required	Content rendered inside `GluestackUIProvider`.
`config`	`React.ComponentProps<typeof GluestackUIProvider>['config']`	Required	Gluestack config, normally the export from `apps/mobile/gluestack-ui.config.ts`.

See all UI components.