Skip to main content

​
Basic usage

import { UIProvider } from '@amisi/ui';
import { config as gluestackConfig } from '@gluestack-ui/config';

<UIProvider config={gluestackConfig}>
  <App />
</UIProvider>;

​
Example

import { UIProvider } from '@amisi/ui';
import { config as gluestackConfig } from '@gluestack-ui/config';

export const AppRoot = () => {
  return (
    <UIProvider config={gluestackConfig}>
      <RootNavigator />
    </UIProvider>
  );
};

​
Available props

  • children: ReactNode
  • config: React.ComponentProps<typeof GluestackUIProvider>['config']

​
Available methods and behavior

  • Derives colorMode from theme state (light | dark)
  • Passes config and colorMode into GluestackUIProvider