FLUTTER ECOSYSTEM

onatcipli/meet_network_image

URLから画像を表示する、LoadingBuilderとErrorBuilderを備えたMeetNetworkImageを含むDartパッケージ。

meet_network_image のプロジェクト画像
Stars
10
Forks
8
最終プッシュ(UTC)
2021/04/25
プロジェクト状態
公開中
Onat Çipli GitHub avatar
GITHUB User

Onat Çipli ↗

A Software Engineer who likes to help other developers problems and enjoys creating mobile and web application especially with Flutter and Dart.

Izmir, Turkey公式サイト ↗
言語DartObjective-CJava

使用している依存関係

依存関係一覧 3 件
  • flutter{"sdk":"flutter"}
  • http^0.12.0+2
  • flutter_test開発用{"sdk":"flutter"}

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

meet_network_image

A dart package that shows an image from the url also it has loadingBuilder to show specific widgets when the image loading and it has errorBuilder to show specific widget when error occur

CircularIndicator gif

MeetNetworkImage({
    @required this.imageUrl,
    @required this.loadingBuilder,
    @required this.errorBuilder,
    this.scale = 1.0,
    this.height,
    this.width,
    this.color,
    this.fit,
    this.alignment = Alignment.center,
    this.repeat = ImageRepeat.noRepeat,
    this.semanticLabel,
    this.centerSlice,
    this.colorBlendMode,
    this.excludeFromSemantics = false,
    this.filterQuality = FilterQuality.low,
    this.matchTextDirection = false,
    this.gaplessPlayback = false,
  }) 

Usage

                MeetNetworkImage(
                  imageUrl:
                      "https://random.dog/3f62f2c1-e0cb-4077-8cd9-1ca76bfe98d5.jpg",
                  loadingBuilder: (context) => Center(
                        child: CircularProgressIndicator(),
                      ),
                  errorBuilder: (context, e) => Center(
                        child: Text('Error appear!'),
                      ),
                )

Getting Started

This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.