Animations

Before getting into using 3D objects in React 360, let's learn how to use the Animated API from React 360 to create animations. The Animated API uses the Animated API from React Native and can be used to create both simple and advanced animations for UI components. With the Animated API, you can easily create animations that fade in and out or rotate, just by using values that are affected by the local state.

One of the components that can be animated is the Panel component, which displays a welcome message, since this component has an element that the user can click on to close the surface. When the user clicks the Close X button, the display styling rule of the component will be set to none, making the component disappear suddenly. ...

Get React Projects now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.