UnDraw is a Flutter widget that provides 700+ illustrations

Related tags

Example Apps undraw
Overview

undraw/UnDraw

UnDraw is a Flutter widget that provides 700+ illustrations, designed by Katerina Limpitsouni and developed by westdabestdb.

Getting Started

Add this to your package's pubspec.yaml file:

...
dependencies:
  undraw: ^1.0.2

Now in your Dart code, you can use:

import 'package:undraw/undraw.dart';

Usage

UnDraw(
  color: Colors.red,
  illustration: UnDrawIllustration.mobile_application,
  placeholder: Text("Illustration is loading..."), //optional, default is the CircularProgressIndicator().
  errorWidget: Icon(Icons.error_outline, color: Colors.red, size: 50), //optional, default is the Text('Could not load illustration!').
)
Comments
  • [Fix] Updated dependencies

    [Fix] Updated dependencies

    Hey, after i upgraded to flutter 1.17.0 my builds crashed all the time. The reason for this got fixed in the new flutter_svg version so i updated it for you :)

    Sincerely kay4ik

    opened by kay4ik 2
  • Offline

    Offline

    Is it possible if I use illustration without internet connection? Because, you will send request to this https://42f2671d685f51e10fc6-b9fcecea3e50b3b59bdc28dead054ebc.ssl.cf5.rackcdn.com/illustrations/ right? I need it works well when offline :( I hope you can do it hehe Never mind, it's just my opinion

    opened by alfaruqrizqi18 2
  • Add errorWidget + minor fixes

    Add errorWidget + minor fixes

    This PR mainly addresses #1

    Changes

    1. Add errorWidget: This widget will be displayed when the future completes with an error. The default is a Text with an error message.
    2. Update the example to show a sample usage of errorWidget
    3. Update example/pubspec.yaml to use a relative path of the package. This eliminates the need to update it with every release and allows to test the example app while developing and updating the package
    4. Make getSvgString private since its only supposed to be used internally by the package and shouldn't be exposed as a public API
    5. Use a constrained dependency for flutter_svg, which is the recommended way. This will increase the package's maintenance score to 100
    opened by bassel 1
  • Feature Request: Ability to display all illustrations

    Feature Request: Ability to display all illustrations

    Is your feature request related to a problem? Please describe. There is a need for administrators in my app to select one of the illustrations as part of a category Eg. The category is "Painting" and admin select UnDrawIllustration.making_art image from a grid view and the choice will be converted into a string like UnDrawIllustration.making_art.toString() and convert back to UnDrawIllustration.

    Describe the solution you'd like Able to get a list of illustrations like List<UnDrawIllustration> and display it on a grid view. It'd be great too if it is possible to convert string to UnDrawIllustration like UnDrawIllustration.parse()

    Describe alternatives you've considered Download all the svg and store them in Firestore

    opened by ezraaaa 0
  • Compile gets failed after Using Undraw.

    Compile gets failed after Using Undraw.

    Compile gets failed after Using Undraw. Before that everything works perfectly

    Compiler message: ../../../flutter/.pub-cache/hosted/pub.dartlang.org/flutter_svg-0.13.1/lib/src/picture_stream.dart:92:3: Error: The superclass, 'Diagnosticable', has no unnamed constructor that takes no arguments. PictureStream();
    ^^^^^^^^^^^^^
    ../../../flutter/.pub-cache/hosted/pub.dartlang.org/flutter_svg-0.13.1/lib/src/picture_stream.dart:192:16: Error: The superclass, 'Diagnosticable', has no unnamed constructor that takes no arguments. abstract class PictureStreamCompleter extends Diagnosticable {
    ^

    Compiler message:
    ../../../flutter/.pub-cache/hosted/pub.dartlang.org/flutter_svg-0.13.1/lib/src/picture_stream.dart:92:3: Error: The superclass, 'Diagnosticable', has no unnamed constructor that takes no arguments. PictureStream();
    ^^^^^^^^^^^^^
    ../../../flutter/.pub-cache/hosted/pub.dartlang.org/flutter_svg-0.13.1/lib/src/picture_stream.dart:192:16: Error: The superclass, 'Diagnosticable', has no unnamed constructor that takes no arguments. abstract class PictureStreamCompleter extends Diagnosticable {
    ^
    Target kernel_snapshot failed: Exception: Errors during snapshot creation: null build failed.

    FAILURE: Build failed with an exception.

    • Where:
      Script '/Users/tanzimfahim/flutter/packages/flutter_tools/gradle/flutter.gradle' line: 840

    • What went wrong:
      Execution failed for task ':app:compileFlutterBuildDebug'.

    Process 'command '/Users/tanzimfahim/flutter/bin/flutter'' finished with non-zero exit value 1

    • Try:
      Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

    • Get more help at https://help.gradle.org

    opened by tanzimfahim 6
  • Add offline support

    Add offline support

    Very naive approach to add offline support for the package.

    To use the offline mode:

    • make sure to add the svg file downloaded from https://undraw.co/ to the assets folder
    • set mode: 'offline' when instantiating UnDraw

    Contributions/suggestions are appreciated! :smile:

    opened by WesleyBatista 0
  • Using the CDN service

    Using the CDN service

    It's not an issue. More of a question. How are the parameters sent in the request header of the CDN service used by this library for retrieving the images ? Foe example, how can I send the color or the height/width etc along with the name of the illustration ?

    opened by Ultra-Instinct-05 0
Owner
Görkem Erol
Full stack developer
Görkem Erol
WhatsApp is a cross-platform mobile appllication that provides an end-end encrypted instant messaging system And i build a clone of it with flutter.

whatsapp_clone Table of contents General info Youtube video Technologies Packages & libraries used Features Setup General info WhatsApp is a cross-pla

Imad Eddarraz 7 Dec 23, 2022
The web_socket_channel package provides StreamChannel wrappers for WebSocket connections.

The web_socket_channel package provides StreamChannel wrappers for WebSocket connections. It provides a cross-platform WebSocketChannel API, a cross-p

Dart 313 Dec 30, 2022
An app that provides you real time analysis of stocks.

stocks_analyzer An app which helps you to track and analyse your favourite stocks . A new Flutter project. Getting Started This project is a starting

Ankur Raj Prasad 0 Sep 2, 2022
Flutter | Because a widget-driven development requires a widget-driven preview.

Create samples of your widgets and preview them in real time This project is experimental but safe to use as not code is added during compilation. It

Jaime Blasco 242 Dec 27, 2022
Flutter Widget Quiz, made for Flutter Create (Source code size is limited to 5KB)

widget_quiz The branch for Flutter Create: https://github.com/mono0926/widget-quiz/tree/5k Getting Started This project is a starting point for a Flut

Masayuki Ono (mono) 50 Oct 14, 2022
(Complete flutter application) Exam and training app as social media, prepared with Firebase backend services, Bloc State management, Singleton design pattern, Unit and widget tests, firebase mocking, Custom local libraries, etc.

(Complete flutter application) Exam and training app as social media, prepared with Firebase backend services, Bloc State management, Singleton design pattern, Unit and widget tests, firebase mocking, Custom local libraries, etc.

Ismael Shakverdiev 45 Jul 14, 2022
This app I used for my daily practice flutter widget and code from afgprogrammer.

inspiration_app A new Inspiration App Flutter project. design view Code by afgprogrammer. Getting Started This project is a starting point for a Flutt

Arief Syahroni 4 Oct 7, 2021
Wraps flutter_svg and the Flutter SDK image providers and picks the right widget based on the file extension

Hybrid Image Wraps flutter_svg and the Flutter SDK image providers and picks the right widget based on the file extension Features As of right now it'

Dutch Coding Company 1 Jun 18, 2022
Simple Counter App in Flutter with unit, widget and integration tests

Simple Counter App in Flutter with unit, widget and integration tests

Guilherme Haddad 0 Nov 12, 2021
Flutter widget example.

Flutter examples Here you can find some Flutter examples. Development Setup Clone the repository and run the following commands: flutter pub get flutt

Mohammad Rahmani 355 Dec 27, 2022
FTFS is a Flutter package which uses a TextField Widget to search and select a value from a list

FTFS is a Flutter package which uses a TextField Widget to search and select a value from a list. It's a simple, lightweight, and fully tested package unlike other "autocomplete" or textfield search packages.

null 1 Jan 5, 2022
Flutter_weather_forecast - A weather forecast widget for Turkey

Flutter_weather_forecast - A weather forecast widget for Turkey.Weather data provided by the General Directorate of Meteorology.

emre 7 Nov 2, 2022
Flutter Responsive Game of Thrones Flutter App Flutter Responsive Game of Thrones Flutter App

got_2019 A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Pawan Kumar 16 Jun 9, 2022
Flutter RxDart Explained - The Flutter Way Flutter RxDart Explained - The Flutter Way

rx_demo A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Pawan Kumar 27 Oct 13, 2021
Flutter social button - A flutter package to create social media login buttons easily to any flutter app

Flutter Social Button is a flutter package to create social media login buttons easily to any flutter app.

Alok Dubey 10 Dec 5, 2022
Flutter Gender Prediction App Flutter Gender Prediction App

gender_predictor A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Pawan Kumar 30 May 31, 2022
Beautiful Nike Web Design Concept With Flutter Beautiful Nike Web Design Concept With Flutter

flutter_web_nike A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Pawan Kumar 23 Jan 28, 2022
Flutter Music Player - First Open Source Flutter based material design music player with audio plugin to play local music files.

Flutter Music Player First Open Source Flutter based Beautiful Material Design Music Player(Online Radio will be added soon.) Demo App Play Store BETA

Pawan Kumar 1.5k Jan 2, 2023