FLUTTER ECOSYSTEM

quentinleguennec/flutter-arrow-path

Ein Flutter-Paket zum einfachen Zeichnen von Pfeilen mit Path-Objekten. Pfade können zusammengesetzt werden, um Pfeile zu jeder Kurve hinzuzufügen und alles auf einmal zu zeichnen.

Projektcover von flutter-arrow-path
Stars
25
Forks
10
Letzter Push (UTC)
03.06.2023
Projektstatus
Aktiv
Quentin Le Guennec GitHub avatar
GITHUB User

Quentin Le Guennec ↗

Vancouver ByteLabsVancouver
SprachenDartObjective-CJava

Von diesem Repository veröffentlichte Pakete

Verwendete Abhängigkeiten

Abhängigkeiten 2 Einträge

Original-README

Englischer Projektschnappschuss. Aktuelle Inhalte auf GitHub.

Projekt-README ein-/ausklappen

pub package pub points

Flutter arrow_path package

Draw arrows with Path objects easily. Paths can be composited to add arrows to any curve and draw all at once.

https://raw.githubusercontent.com/quentinleguennec/flutter-arrow-path/master/example/arrow_path_example.png

The arrow is drawn using the direction of the tangent to the curve at the end of the curve. It features an adjustment parameter to also look at the tangent just before the end of the segment and rotate the tip of the arrow based on the angle difference to improve the look of the arrow when the curvature at the end is high.

Getting Started

Have a look at the example app to get started.

Migration from [3.0.0] to [3.1.0]

ArrowPath.make() is now deprecated, use ArrowPath.addTip() instead.

If you are not using the isDoubleSided argument of ArrowPath.make() then you can safely replace it by ArrowPath.addTip() without any other change.

If you are using the isDoubleSided argument of ArrowPath.make() then change yor code like this:

Before:

  Path path = Path();
  path.relativeLineTo(100, 100);
  path = ArrowPath.make(path, isDoubleSided: true);

After:

  Path path = Path();
  path.relativeLineTo(100, 100);
  path = ArrowPath.addTip(path);
  path = ArrowPath.addTip(path, isBackward: true);