react-native-popup-dialog实现通用加载层

最新推荐文章于 2024-08-16 08:18:06 发布

举世武双

最新推荐文章于 2024-08-16 08:18:06 发布

阅读量1.2k

点赞数

分类专栏： React-Native 我的React Native进阶之路文章标签：加载层 loading

本文链接：https://blog.csdn.net/qq_33721382/article/details/86559814

版权

本文介绍了如何利用react-native-popup-dialog库实现一个通用的加载层组件。通过示例代码和工具类代码，展示了加载层的效果和实现方法。

摘要由CSDN通过智能技术生成

2019-01-20

加载层组件效果如图：

react-native-popup-dialog是一个很不错的对话框库，我借用它的遮盖层实现了加载层效果。

地址：https://github.com/jacklam718/react-native-popup-dialog/blob/master/README.md

使用demo代码:

import React from 'react';
import {
    Button,
    View,
} from 'react-native';


import {
    LoadingDialog
} from './../../utils/LoadingDialogUtils';

/**
 * dialog-component分支
 */
export default class TestLoadingDialogUtilsExample extends React.Component {

    static navigationOptions = {
        headerTitle: '测试加载对话框工具类',
    };

    constructor(props) {
        super(props);
        this.state = {
            defaultAnim