Skip to main content
Version: 7.x.x (Maintenance LTS)

On Unity Resize

On Resize is emitted when the Unity canvas has been scaled.

import React from "react";
import Unity, { UnityContent } from "react-unity-webgl";

export class App extends React.Component {
constructor(props) {

this.unityContent = new UnityContent({

// Create a new listener for our resize Event.

this.unityContent.on("resize", () => {
// The canvas has been resized, we can now
// act on this behaviour.

render() {
// Finally render the Unity component and pass
// the Unity content through the props. Along
// with a loading progression text to inform
// the user how fare the app is loaded.

return <Unity unityContent={this.unityContent} />;