Memasang Loading Button Flutter

bundet

progress_loading_button adalah Tombol Flutter Material gratis dan open source (lisensi MIT) yang mendukung berbagai tuntutan gaya tombol. Ini dirancang agar mudah digunakan dan dapat disesuaikan.

Tambahkan ini ke file pubspec.yaml paket Anda:

progress_loading_button: '^1.0.0'

Anda dapat menginstal paket dari baris perintah:

$ flutter pub get

Sekarang dalam kode Dart Anda, Anda dapat menggunakan, jangan lupa untuk selalu mengimport librari ini dimana Anda menempatkannya.

import 'package:progress_loading_button/progress_loading_button.dart';

Cara Menggunakan Progress Loading Button

Tambahkan LoadingButton ke pohon widget Anda:

LoadingButton(
    defaultWidget: Text('Click Me'),
    width: 196,
    height: 60,
    onPressed: () async {
        await Future.delayed(
            Duration(milliseconds: 3000),
            () {
                print('Button Pressed');
            },
        );
    },
)

Ekstra parameter juga bisa Anda tambahkan.

LoadingButton({
    Key? key,
    required this.defaultWidget,
    this.loadingWidget = const CircularProgressIndicator(),
    required this.onPressed,
    this.type = LoadingButtonType.Raised,
    this.color,
    this.width = double.infinity,
    this.height = 40.0,
    this.borderRadius = 5.0,
    this.borderSide = BorderSide.none,
    this.animate = true,
  }) : super(key: key);

Dukungan tipe yang dapat Anda gunakan.

enum LoadingButtonType {
  Raised,
  Flat,
  Outline,
}