Storybook webapp preview area is blank

[thani-sh]

The preview area is blank at the moment (as preview is done using simulators).

Options

1. add a simple user guide whch asks users to run the simulator
2. make it configurable with the addon api and let users decide
3. make it configurable and then use it to add user guide by default

[arunoda]

We can that screenshot preview thing here. It will be pretty useful.

[thani-sh]

Addon developers can use the addons API to set whatever they want there. We can include the screenshots addon by default as soon as it's ready.

[FaridSafi]

I suggest to allow to render a custom image/text as a preview for each story
Eg: displaying a mockup of the component to develop

Edit: I finally created an addon to display a mockup

[elie222]

I'm confused how Storybook is supposed to work for RN. I'm running the app on iOS simulator, and have gone to the storybook url in the browser, but i dont see any components. it's just an empty storybook

[thani-sh]

Hi @elie222
We're still working on the preview area. Please start the iOS/Android simulator/emulator to check it out for now. Check this readme file and the screenshot in the Readme for more information.

[elie222]

The entire storybook is blank for me. And when I start the app, I just see
my regular app running without anything Storybook related.

I've run: npm run storybook

And started my app, but the regular app just starts up.

On 16 October 2016 at 11:27, Muhammed Thanish notifications@github.com
wrote:

Hi @elie222 https://github.com/elie222
We're still working on the preview area. Please start the iOS/Android
simulator/emulator to check it out for now. Check this readme
https://github.com/kadirahq/react-native-storybook/blob/master/readme.md
file and the screenshot in the Readme for more information.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
#63 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AC8oX_OOEKFJ32moW4I7yEzh0s73vEcEks5q0eAPgaJpZM4Jt4cG
.

[elie222]

Ah, the issue may be that I'm using Exponent. Someone told me they got it running, but it turns out it wasn't with Exponent in the end.

[gourav-singhal]

Hi,

Is this issue resolved ? I am still getting a blank left story board with no preview.

[Nasirilahi]

gourav-singhal You will not be able to see preview in browser as it is mobile app so you will see storied in you simulator/device as you can see in the screenshot and in your browser you will be able to see only actions handlers. Also if you have run command react-native start then you will see only your project running so run npm run storybook command only to see you stories in you simulator/device.

[ndelangen]

Please open an issue over at the new repo if you're still experiencing this issue, thanks!