Skip to content

🇺🇦 Flutter widget to raise awareness of the war in Ukraine and collect donations.

License

Notifications You must be signed in to change notification settings

solid-software/help_ukraine_widget

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Help Ukraine Widget for Flutter

style: solid

This is a port of Help Ukraine Widget - this widget helps to let users of your app know how they can help Ukraine from anywhere in the world.

Showcase

First widget variation

First widget example

Second widget variation

Second widget example

Third widget variation

Third widget example

Fourth widget variation

Fourth widget example

Features

By installing this widget in your app, you will help to end the war in Ukraine. It will provide links for:

Getting started

Add the package as a dependency to your pubspec.yaml:

dependencies:
    help_ukraine_widget: <latest version>

in your code:

import 'package:help_ukraine_widget/help_ukraine_widget.dart';

Usage

Basic usage

Use OverlayWidget to float and align the widget above your app:

OverlayWidget(
    alignment: Alignment.bottomRight,
    overlayWidget: HorizontalHelpWidget(),
    child: MyApp(),
)

Customization

You can also create custom variations of this widget:

// we used that in our widget, but you do you 
final order = [HelpWidgetView.collapsed, HelpWidgetView.main, HelpWidgetView.options];

final _controller = TraverseController(order);

HelpWidget(
    controller: _controller;
    // view with links to resources that help Ukraine
    optionsView: ...
    // The default first view that the users see.
    mainView: ...
    // smallest view that doesn't obstruct user from
    // using the app, but still exists on the screen
    collapsedView: ...
    // axis of transition animation between views
    axis: ...
)

Credits

jiffsy.co and Gearheart for designing and creating the original widget.