TutorialsScreencastsCourses
Setup React Native Video for iOS and Android
0:55
Use Local Files or Remote Video Files with React Native Video
2:04
Show An Error Message When A Video Fails to Load in React Native
3:24
Show an Animated Buffering Icon When Remote Videos are Loading in React Native
5:34
Create a Looping Background Video with React Native Video
2:52
Create a Video that Auto Plays when Scrolled into View in React Native
7:37
Create Custom Controls for React Native Video
9:28
Create Controls that Hide/Show When Video Is Interacted With in React Native
4:56

Show an Animated Buffering Icon When Remote Videos are Loading in React Native

In this lesson we'll show how to use icons from react-native-vector-icons. With absolute positioning we'll center the icon over the video. Then we'll use the Animated.loop call to rotate the icon continuously in a 360 degree loop. Finally we'll the stopAnimation call to pause the animation when we are no longer buffering.

Tutorial Code

Liked this content?

Get notified more about React Native!

No Spam! We Promise!

Home