useTheme

Konsta UI 提供了方便的 useTheme Hook，用於偵測由 App 組件 或 KonstaProvider 設定的目前啟用主題（ios 或 material）。

/* App.jsx */
import { App } from 'konsta/react';
import { HomePage } from './path/to/HomePage.jsx';

export default function MyApp() {
  return (
    <>
      {/* set theme on App component */}
      <App theme="ios">
        <HomePage />
      </App>
    </>
  );
}

/* HomePage.jsx */
import { useTheme, Page } from 'konsta/react';

export default function MyApp() {
  // get currently set theme
  const theme = useTheme();

  console.log(theme); // -> 'ios'

  return (
    <>
      <Page>
        {theme === 'ios' ? <p>Theme is iOS</p> : <p>Theme is Material</p>}
      </Page>
    </>
  );
}