flutter_turtle 0.4.1 copy "flutter_turtle: ^0.4.1" to clipboard
flutter_turtle: ^0.4.1 copied to clipboard

flutter_turtle is a simple implementation of turtle graphic. It simply uses a custom painter to draw graphics into a widget by a series of Logo-like commands.

example/lib/main.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

import 'pages/clock2_page.dart';
import 'pages/clock_page.dart';
import 'pages/fern_page.dart';
import 'pages/flower_page.dart';
import 'pages/label.dart';
import 'pages/logo_controller_page.dart';
import 'pages/logo_page.dart';
import 'pages/red_square_page.dart';
import 'pages/snowflake_page.dart';
import 'pages/spiral2page.dart';
import 'pages/spiralpage.dart';
import 'pages/star_page.dart';
import 'pages/tree_page.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(primarySwatch: Colors.blue),
      home: const MyHomePage(title: 'Examples'),
      routes: {
        'label': (_) => const LabelPage(),
        'logo': (_) => const LogoPage(),
        'logo_controller': (_) => const LogoControllerPage(),
        'star': (_) => const StarPage(),
        'flower': (_) => const FlowerPage(),
        'red_square': (_) => const RedSquarePage(),
        'tree': (_) => const TreePage(),
        'fern': (_) => const FernPage(),
        'clock1': (_) => const ClockPage(),
        'clock2': (_) => const Clock2Page(),
        'spiral': (_) => const SpiralPage(),
        'spiral2': (_) => const Spiral2Page(),
        'snowflake': (_) => const SnowflakePage(),
      },
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    var tiles = <Widget>[
      const MyTile(title: 'Logo', image: 'images/1.png', pageName: 'logo'),
      const MyTile(
          title: 'Logo with Controller',
          image: 'images/1.png',
          pageName: 'logo_controller'),
      const MyTile(title: 'Star', image: 'images/2.png', pageName: 'star'),
      const MyTile(title: 'Flower', image: 'images/3.png', pageName: 'flower'),
      const MyTile(
          title: 'Red Suqares', image: 'images/4.png', pageName: 'red_square'),
      const MyTile(title: 'Tree', image: 'images/5.png', pageName: 'tree'),
      const MyTile(title: 'Fern', image: 'images/6.png', pageName: 'fern'),
      const MyTile(title: 'Label', image: 'images/7.png', pageName: 'label'),
      const MyTile(title: 'Clock', image: 'images/8.png', pageName: 'clock1'),
      const MyTile(title: 'Clock', image: 'images/9.png', pageName: 'clock2'),
      const MyTile(title: 'Spiral', image: 'images/10.png', pageName: 'spiral'),
      const MyTile(
          title: 'Spiral', image: 'images/11.png', pageName: 'spiral2'),
      const MyTile(
          title: 'Snowflake', image: 'images/12.png', pageName: 'snowflake'),
    ];
    return Scaffold(
        appBar: AppBar(title: Text(widget.title)),
        body: SingleChildScrollView(
            child: SafeArea(
                child: Padding(
                    padding: const EdgeInsets.only(top: 10.0, bottom: 10),
                    child: Center(
                      child: Wrap(children: tiles),
                    )))));
  }
}

class MyTile extends StatelessWidget {
  final String title;
  final String pageName;
  final String image;

  const MyTile({
    Key? key,
    required this.title,
    required this.pageName,
    required this.image,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) => Card(
        shape: const RoundedRectangleBorder(
            borderRadius: BorderRadius.all(Radius.circular(10))),
        child: InkWell(
          onTap: () => Navigator.of(context).pushNamed(pageName),
          child: Padding(
            padding: const EdgeInsets.all(10.0),
            child: Column(
              children: <Widget>[
                Container(
                    width: 150,
                    decoration: BoxDecoration(
                      border: Border.all(color: Colors.black26),
                    ),
                    child: Image.asset(image)),
                const SizedBox(height: 10),
                Text(title),
                const SizedBox(height: 10),
              ],
            ),
          ),
        ),
      );
}
44
likes
150
pub points
51%
popularity

Publisher

verified publisherzonble.net

flutter_turtle is a simple implementation of turtle graphic. It simply uses a custom painter to draw graphics into a widget by a series of Logo-like commands.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter, meta

More

Packages that depend on flutter_turtle