The Viro Developer Hub

Welcome to the Viro developer hub. You'll find comprehensive guides and sample code to help you start working with Viro as quickly as possible, as well as support if you get stuck. Let's jump right in!

Get Started


Component that represents the lighting environment to use for its parent ViroScene or ViroPortalScene. The lighting environment is a texture that acts as a global light source, illuminating surfaces with diffuse and specular ambient light. Each pixel in the lighting environment is treated as a light emitter, thereby capturing the environment's global lighting and general feel. This gives objects a sense of belonging to their environment. For this reason it is common to use the scene's background texture (set through Viro360Image) as the lighting environment, but this is not necessary.

Lighting environment expects an equirectangular texture. Radiance HDR textures (*.hdr) work best.


Required Props


PropTypes.oneOfType( [PropTypes.shape( {uri: PropTypes.string} ), PropTypes.number] )

The image source, a remote URL or a local file resource. Radiance HDR images (.hdr) are accepted.

To invoke with remote url:


To invoke with local source:


Optional Props



Callback triggered when we start processing the image to be used in computing this lighting environment (either downloading / reading from file).



Callback triggered when we have finished processing assets to be used in computing this lighting environment. Whether or not assets were processed successfully will be indicated by the parameter "success".

For example:

     // Indication of asset loading success



Callback triggered when the hdr image fails to load. Invoked with {nativeEvent: {error}}.

Updated about 7 hours ago


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.