FLUTTER ECOSYSTEM

tnantoka/flutter_shapes

Flutter CustomPainter を使ってキャンバスにさまざまな形状を描画する

flutter_shapes のプロジェクト画像
Stars
15
Forks
4
最終プッシュ(UTC)
2022/04/19
プロジェクト状態
公開中
Tatsuya Tobioka GitHub avatar
GITHUB User

Tatsuya Tobioka ↗

hello world

言語DartHTMLSwiftKotlinShellObjective-C

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 2 件
  • flutter{"sdk":"flutter"}
  • flutter_test開発用{"sdk":"flutter"}

元の README

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

README を開く / 閉じる

FlutterShapes

https://github.com/tnantoka/flutter_shapes/raw/master/heart.gif https://github.com/tnantoka/flutter_shapes/raw/master/star.gif https://github.com/tnantoka/flutter_shapes/raw/master/rotate.gif

Live demo powered by Flutter for web.

Shape types

https://github.com/tnantoka/flutter_shapes/raw/master/screenshot.png

Adding FlutterShapes to your project

dependencies:
  flutter:
    sdk: flutter
  flutter_shapes:

Drawing a Shape

import 'package:flutter_shapes/flutter_shapes.dart';

class MyPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    Paint paint = Paint()..color = Colors.black;
    Shapes shapes = Shapes(canvas: canvas, radius: 50, paint: paint, center: Offset.zero, angle: 0);

    shapes.drawCircle();                // method name
    shapes.drawType(ShapeType.Circle);  // enum
    shapes.draw('Circle');              // string
  }
}

Acknowledgements

https://proandroiddev.com/flutter-animation-creating-mediums-clap-animation-in-flutter-3168f047421e

A great article about animation with Flutter.
It helped me to write example codes.