chromatic-cli icon indicating copy to clipboard operation
chromatic-cli copied to clipboard

React-Native StoryBook not working with Chromatic

Open NM-2000 opened this issue 3 years ago • 3 comments

Does Chromatic integrate with React-Native StoryBook?

Please follow this Issue Link -> https://github.com/storybookjs/react-native/issues/287

NM-2000 avatar May 17 '22 10:05 NM-2000

Hey @NM-2000

Right now Chromatic only integrates with web-based technologies which means we can't support the current version of Storybook for React-Native.

However, i've heard of some folks using react native web to get around this limitation

ShaunEvening avatar Sep 14 '22 21:09 ShaunEvening

When might this be added? And if people are using React Native Web, is there a guide for this?

matthew-dean avatar Oct 04 '22 18:10 matthew-dean

@matthew-dean React Native support is not on our roadmap right now as there's no simple way to grab screenshots from a native Android/iOS app, similar to how we get screenshots of web apps.

Danny Williams wrote an excellent guide on how to set up Storybook (and therefore also Chromatic) with React Native Web here: https://levelup.gitconnected.com/introducing-react-native-web-storybook-3c56d48a6508 He's also the core maintainer of the React Native Web Addon: https://storybook.js.org/addons/@storybook/addon-react-native-web

In short it aliases the React Native components to web elements instead and makes them renderable in a web browser.

It's important to note though that this is a community effort and not something we officially support.

JReinhold avatar Oct 07 '22 09:10 JReinhold