Need help with react-native-mask-loader?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

TheSavior
456 Stars 51 Forks 11 Commits 5 Opened issues

Description

React Native App Loader that shows an expanding image as a mask on your app. Direct rip of Twitter's loading animation.

Services available

!
?

Need anything else?

Contributors list

# 1,037
Objecti...
React
React N...
ESLint
10 commits
# 456,376
JavaScr...
1 commit

react-native-mask-loader

This component provides a loading screen for React Native apps that is meant to reproduce Twitter's app loading animation.

There is an accompanying blog post at https://facebook.github.io/react-native/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-native.html.

Loader

Installation

yarn add react-native-mask-loader

or npm install react-native-mask-loader

Usage

import Loader from 'react-native-mask-loader';


  

Demo

The gif above looks a bit stuttery, but it feels quite smooth on a real device.

In the example directory is a basic app created with create-react-native-app demonstrating this component. Running code is the best documentation so check it out to understand how it works.

It is published to expo and you should check it out on your device via the expo app:

Loader

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.