Flutter加载提示插件loading_redman_ddur的使用

Flutter加载提示插件loading_redman_ddur的使用

开始使用

首先，你需要在你的 pubspec.yaml 文件中添加 loading_redman_ddur 插件。确保在文件中添加以下依赖：

dependencies:
  loading_redman_ddur: ^版本号

然后运行 flutter pub get 来获取该插件。

使用方法

你可以通过将 ManAnim 小部件添加到你的应用中来展示加载提示动画。以下是一个简单的示例：

import 'package:flutter/material.dart';
import 'package:loading_redman_ddur/ManAnim.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // 这个小部件是你的应用的根。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        // 使用 ManAnim 小部件展示加载动画
        child: ManAnim(size: 1,),
      ),
    );
  }
}

更多关于Flutter加载提示插件loading_redman_ddur的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter加载提示插件loading_redman_ddur的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


loading_redman_ddur 是一个用于在 Flutter 应用中显示加载提示的插件。它可以帮助你在异步操作期间显示一个加载动画，提升用户体验。以下是使用 loading_redman_ddur 插件的基本步骤：

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 loading_redman_ddur 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  loading_redman_ddur: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 以安装依赖。

2. 导入包

在你的 Dart 文件中导入 loading_redman_ddur 包：

import 'package:loading_redman_ddur/loading_redman_ddur.dart';

3. 使用加载提示

你可以使用 LoadingRedmanDdur 组件来显示加载提示。以下是一个简单的示例：

import 'package:flutter/material.dart';
import 'package:loading_redman_ddur/loading_redman_ddur.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: LoadingExample(),
    );
  }
}

class LoadingExample extends StatefulWidget {
  [@override](/user/override)
  _LoadingExampleState createState() => _LoadingExampleState();
}

class _LoadingExampleState extends State<LoadingExample> {
  bool _isLoading = false;

  void _startLoading() async {
    setState(() {
      _isLoading = true;
    });

    // 模拟一个异步操作
    await Future.delayed(Duration(seconds: 3));

    setState(() {
      _isLoading = false;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Loading Redman Ddur Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: _startLoading,
              child: Text('Start Loading'),
            ),
            SizedBox(height: 20),
            if (_isLoading)
              LoadingRedmanDdur(
                size: 50.0,
                color: Colors.blue,
              ),
          ],
        ),
      ),
    );
  }
}
回到顶部