fluttery 0.0.6

  • README.md
  • CHANGELOG.md
  • Example
  • Installing
  • Versions
  • 93

Fluttery

A Flutter package that helps with prototyping.

Framing

Helps with framing user interfaces. For example:

RandomColorBlock is a Container that paints itself with a random color. This way a developer can quickly frame out a user interface with regard to positioning and sizing without worrying about the final Widgets.

Layout

Various layout Widgets and tools that are not available in the Flutter framework.

For example:

CenterAbout positions a child Widget such that the child is centered at the given Offset. It needs to be used in a Stack.

OverlayBuilder displays a built Widget in the app's Overlay.

AnchoredOverlay is similar to OverlayBuilder except that it also provides an anchor Offset that is calculated to be at the center of the AnchoredOverlay. This allows you to easily stick Widgets on top of other Widgets. For example: popovers.

Gestures

Radial Drag Gesture Detector

Detect dragging motion with polar coordinates using RadialDragGestureDetector in fluttery:gestures. It's a gesture detector that reports like a dial about the center of the child Widget.

Animations

AnimationPlayer

Fine-tune your multi-phase animations with an AnimationPlayer. An AnimationPlayer provides controls to play Phases forward and backward at a speed of your choice. This helps a developer carefully craft the correct effect in the animation.

[0.0.6] - May 11, 2018.

  • Added CenterAbout Widget to center a child at a given Offset position.
  • Added OverlayBuilder Widget that uses a provided WidgetBuilder to construct and display an overlay.
  • Added AnchoredOverlay Widget that uses a provided builder to construct an overlay directly above another Widget.

[0.0.5] - March 22, 2018.

  • Bug fixes for AnimationPlayer.

[0.0.4] - March 22, 2018.

  • Updated AnimationPlayer to work with user input and other outside signals while still manually controlling an animation.
  • Removed the print() statements from AnimationPlayer.

[0.0.3] - March 19, 2018.

  • Added AnimationPlayer under fluttery:animations.

[0.0.2] - March 4, 2018.

  • Added RadialDragGestureDetector under fluttery:gestures.

[0.0.1] - March 4, 2018.

  • Initial release: Includes RandomColor and RandomColorBlock.

example/lib/main.dart

import 'package:example/directory_screen.dart';
import 'package:example/example_animation_player.dart';
import 'package:example/example_framing.dart';
import 'package:example/example_layout_overlay.dart';
import 'package:example/example_radial_drag.dart';
import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Fluttery Example',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      routes: {
        '/': (context) => new Page(
          child: new DirectoryScreen(),
        ),
        '/randomColorBlock': (context) => new Page(
          child: new RandomColorBlockExampleScreen(),
        ),
        '/layoutOverlay': (context) => new Page(
          child: new LayoutOverlayExampleScreen(),
        ),
        '/radialDrag': (context) => new Page(
          child: new RadialDragExampleScreen(),
        ),
        '/animationPlayer': (context) => new Page(
          child: new AnimationPlayerExampleScreen(),
        ),
      },
    );
  }
}

class Page extends StatefulWidget {

  final child;

  Page({
    this.child,
  });

  @override
  _PageState createState() => new _PageState();
}

class _PageState extends State<Page> {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('Fluttery'),
      ),
      body: widget.child,
    );
  }
}

Use this package as a library

1. Depend on it

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


dependencies:
  fluttery: "^0.0.6"

2. Install it

You can install packages from the command line:

with Flutter:


$ flutter packages get

Alternatively, your editor might support flutter packages get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


      import 'package:fluttery/animations.dart';

      import 'package:fluttery/framing.dart';

      import 'package:fluttery/gestures.dart';

      import 'package:fluttery/layout.dart';
  
Version Uploaded Documentation Archive
0.0.6 May 12, 2018 Go to the documentation of fluttery 0.0.6 Download fluttery 0.0.6 archive
0.0.5 Mar 22, 2018 Go to the documentation of fluttery 0.0.5 Download fluttery 0.0.5 archive
0.0.4 Mar 22, 2018 Go to the documentation of fluttery 0.0.4 Download fluttery 0.0.4 archive
0.0.3 Mar 20, 2018 Go to the documentation of fluttery 0.0.3 Download fluttery 0.0.3 archive
0.0.2 Mar 5, 2018 Go to the documentation of fluttery 0.0.2 Download fluttery 0.0.2 archive
0.0.1 Mar 5, 2018 Go to the documentation of fluttery 0.0.1 Download fluttery 0.0.1 archive

Analysis

We analyzed this package on May 22, 2018, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.0.0-dev.54.0
  • pana: 0.11.1
  • Flutter: 0.4.4

Scores

Popularity:
Describes how popular the package is relative to other packages. [more]
88 / 100
Health:
Code health derived from static analysis. [more]
98 / 100
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
100 / 100
Overall score:
Weighted score of the above. [more]
93
Learn more about scoring.

Platforms

Detected platforms: Flutter

References Flutter, and has no conflicting libraries.

Suggestions

  • The description is too short.

    Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.

  • Package is pre-v1 release.

    While there is nothing inherently wrong with versions of 0.*.*, it usually means that the author is still experimenting with the general direction API.

  • Fix analysis and formatting issues.

    Analysis or formatting checks reported 9 hints.

    Run flutter format to format lib/animations.dart.

    Run flutter format to format lib/framing.dart.

    Similar analysis of the following files failed:

    • lib/gestures.dart (hint)
    • lib/layout.dart (hint)
    • lib/src/animation_player.dart (hint)
    • lib/src/layout_core.dart (hint)
    • lib/src/layout_overlays.dart (hint)
    • lib/src/radial_drag_gesture_detector.dart (hint)

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=1.0.0 <2.0.0
flutter 0.0.0
Transitive dependencies
collection 1.14.6 1.14.9
meta 1.1.5
sky_engine 0.0.99
typed_data 1.1.5
vector_math 2.0.6 2.0.7
Dev dependencies
test ^0.12.0