该组件为React Native应用程序提供了一个加载屏幕

该组件为React Native应用程序提供了一个加载屏幕

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.

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:

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。