FLUTTER ECOSYSTEM

tnantoka/flutter_shapes

Flutter CustomPainter를 사용하여 캔버스에 다양한 형태 그리기

flutter_shapes 프로젝트 이미지
Stars
15
Forks
4
최근 푸시(UTC)
2022. 4. 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.