ViroCamera

A stationary look around camera through which the user views the world. More than 1 camera may be placed within a scene.

📷

Where the camera sits no longer matters (3.0.3+). On React Native 0.86, a ViroCamera mounted between its siblings (not as the last child), remounted with a new key, or rendered conditionally mid-scene could leave the scene on its default camera, drawing with the wrong projection and orthographicScale. From 3.0.3, ViroScene and ViroARScene attach the active camera wherever it sits in the tree, including one that mounts later. When the active camera stops being active or unmounts, the scene returns to its default camera. On iOS, run pod install and rebuild to pick this up.

Example use:

<ViroCamera
  position={[0, 0, 0]}
  rotation={[45, 0, 0]}
  active={true} 
/>

Props

active (* required)

animation

type ViroAnimation = {
  name: string,
  delay: number,
  loop: boolean,
  onStart: Function,
  onFinish: Function,
  run: boolean,
}

fieldOfView

position

rotation

Methods

setNativeProps(nativeProps)

A wrapper function around the native component's setNativeProps which allow users to set values on the native component without changing state/setting props and re-rendering. Refer to the React Native documentation on Direct Manipulation for more information.

componentRef.setNativeProps({ position: [0, 0, -1] });