Custom toolbar item not showing in on-device Storybook (React Native + react-native-unistyles)

[Vanish404]

I'm using raw React Native (without Expo) along with react-native-unistyles, and running Storybook in on-device mode.

The toolbar itself appears, and built-in addons like "Controls" and "Backgrounds" show up fine.
However, my custom toolbar item (for switching themes) doesn't appear at all.

I added it via globalTypes in preview.js, something like this:

const preview: Preview = {
  parameters: {
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/,
      },
    },
  },
  decorators: [GlobalTheme],
  globalTypes: {
    theme: {
      name: 'Theme',
      description: 'Global theme for components',
      defaultValue: 'light',
      toolbar: {
        icon: 'circlehollow',
        items: [
          { value: 'light', title: 'Light Theme' },
          { value: 'dark', title: 'Dark Theme' },
        ],
      },
    },
  },
  initialGlobals: {
    theme: 'light',
  },
}```

[dannyhw]

Unfortunately react native storybook (ondevice) doesn't support toolbars yet, you can add addons though with your own panel where you can do anything.

[Vanish404]

Unfortunately react native storybook (ondevice) doesn't support toolbars yet, you can add addons though with your own panel where you can do anything.

Thank you for your feedback! Could you please confirm which types of addons are supported in React Native Storybook (on-device)?
I noticed that I can add addons of type types.TOOL — are there any other supported types?

[dannyhw]

Theres not yet good documentation on how to add addons but you can check this as an example

https://github.com/storybookjs/react-native/blob/next/packages/ondevice-notes/src/register.tsx

You basically need a /register file that loads your addon

addons.register('storybook/notes', (api: RNAddonApi) => {
  addons.add('storybook/notes/panel', {
    type: types.PANEL,
    title: 'Notes',
    render: ({ active }) => <Notes api={api} active={active} />,
    paramKey: PARAM_KEY,
  });
});

Its not necessary to publish the addon you can also just have a folder locally that you load as an addon as long as it has the register file in there

[Vanish404]

Oh, I see! That makes sense and should solve my issue. Thanks a lot for the clarification and help!