Embedding snack emulator, while hiding the editor

smcgovern · December 30, 2020, 3:19am

Is it possible to hide the code editor on an embedded Snack? I have successfully embedded a Snack onto a website, using the div and script tags, but I only want to show the iOS device emulator (the preview pane).

system · January 19, 2021, 3:19am

This topic was automatically closed 20 days after the last reply. New replies are no longer allowed.

ijzerenhein · January 29, 2021, 2:40pm

Yes that’s possible using the preview=false query argument, like this:

Docs:

github.com

expo/snack/blob/main/docs/url-query-parameters.md

# URLs and Parameters

The main Snack website is hosted at [https://snack.expo.io](https://snack.expo.io) and can be loaded in embedded mode and with custom parameters.

## URLs

| Path  | Description  |
|---|---|
| [https://snack.expo.io](https://snack.expo.io) | Default Snack website. |
| [https://snack.expo.io/embedded](https://snack.expo.io/embedded) | Minimal embedded website. |
| [https://snack.expo.io/{id}](https://snack.expo.io/mYtGTbIqv) | Loads a saved Snack. |
| [https://snack.expo.io/embedded/{id}](https://snack.expo.io/embedded/mYtGTbIqv) | Loads a saved Snack using the minimal embedded website. |
| [https://snack.expo.io/embed.js](https://snack.expo.io/embedded/mYtGTbIqv) | Loads the [Embed Script](./embedding-snacks.md) for including Snack embeds in your documentation. |

## Parameters

| Parameter  | Query Example | Description  |
|---|---|---|
| `code` | `&code=console.log('hello%20world')%3B` | JavaScript code to use for the Snack. This creates a Snack with a single `App.js` file. If you want to create multi-file Snacks or load contents from external sources, use the `files` parameter. |
| `description` | `&description=My%20Awesome%20Snack` | Description of the Snack. |

This file has been truncated. show original