# Black screen when using ZoomView with preview

**URL:** <https://devforum.zoom.us/t/black-screen-when-using-zoomview-with-preview/109847>\
**Category:** React Native\
**Tags:** video-sdk\
**Created:** [May 13, 2024, 6:44pm UTC](https://devforum.zoom.us/t/black-screen-when-using-zoomview-with-preview/109847 "2024-05-13T18:44:50Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![majorly](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/majorly/32/49650_2.png) [@majorly](https://devforum.zoom.us/u/majorly)\
**Post date:** [May 13, 2024, 6:44pm UTC](https://devforum.zoom.us/t/black-screen-when-using-zoomview-with-preview/109847/1 "2024-05-13T18:44:50Z")

</div>

I am utilizing the preview prop on the ZoomView and the preview is black after its first render.

I have a WaitingRoom component that renders a ZoomView with a preview. On the first render the preview works perfectly. However if I join a call and go back to the waiting room or exit the waiting room, when I return to the WaitingRoom the ZoomView is black. Is there some sort of cleanup that I need to do when leaving a ZoomView with a preview? None of the examples provided by Zoom have previews enabled.

---

<div class="post-metadata">

**Author:** ![ekaansh.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ekaansh.zoom/32/55004_2.png) [@ekaansh.zoom](https://devforum.zoom.us/u/ekaansh.zoom)\
**Post date:** [May 21, 2024, 10:35am UTC](https://devforum.zoom.us/t/black-screen-when-using-zoomview-with-preview/109847/2 "2024-05-21T10:35:28Z")

</div>

Hey @majorly, are you using the latest version of the React Native SDK?

I tried to reproduce with `v1.11.0` and don’t observe this behaviour. After obtaining a `userId` by joining a session, I’m able to toggle between rendering two `videoView`s with and without the preview prop.

Can you share steps to reproduce?

---

<div class="post-metadata">

**Author:** ![majorly](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/majorly/32/49650_2.png) [@majorly](https://devforum.zoom.us/u/majorly)\
**Post date:** [May 21, 2024, 4:16pm UTC](https://devforum.zoom.us/t/black-screen-when-using-zoomview-with-preview/109847/3 "2024-05-21T16:16:58Z")

</div>

Hey @ekaansh.zoom I am using the preview prop prior to joining a session so I can verify that my camera works and allow the user to set themselves up for the call. When Im in a session the ZoomView works fine.

1. Open a ZoomView using the preview prop outside of a session. (Do I need a userId when rendering a preview? Im not in a session and I only get the userId once Ive requested a token and joined a session.)

```auto
<ZoomView
  preview={true}
  style={{ flex: 1 }}
  fullScreen={true}
/>

```

1. Join a session.
2. Leave a session.
3. Open preview again

The ZoomView used for a preview is black, I need to hard refresh my app in order for this to be viewable again. There’s no docs on this use-case so Im not sure if Im using it correctly at all.

---

<div class="post-metadata">

**Author:** ![ekaansh.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ekaansh.zoom/32/55004_2.png) [@ekaansh.zoom](https://devforum.zoom.us/u/ekaansh.zoom)\
**Post date:** [May 22, 2024, 2:01pm UTC](https://devforum.zoom.us/t/black-screen-when-using-zoomview-with-preview/109847/4 "2024-05-22T14:01:45Z")

</div>

Hey @majorly, I see what you mean sorry about that.  
I’m able to reproduce, let me get this checked and get back to you.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [June 12, 2024, 6:45pm UTC](https://devforum.zoom.us/t/black-screen-when-using-zoomview-with-preview/109847/5 "2024-06-12T18:45:09Z")

</div>

Closed on June 12, 2024, 6:45pm UTC

This topic was automatically closed after 30 days. New replies are no longer allowed.