elliptic_text 1.0.1+9 copy "elliptic_text: ^1.0.1+9" to clipboard
elliptic_text: ^1.0.1+9 copied to clipboard

Includes the EllipticText widget that lets you draw curved text. It comes with all the bells and whistles and is very easy to use.

example/lib/main.dart

// Animated Example

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          Center(
            child: Text(
              "O    ..    o",
              style: TextStyle(fontSize: 60.0, color: Colors.blue),
            ),
          ),
          _animate(
            (__value) => Center(
              // Wrap the EllipticText widget in a SizedBox to set its size.
              child: SizedBox(
                height: 450.0,
                width: 300.0,
                child: EllipticText(
                  text: "Smile! :) Why should text always be straight?",
                  style: TextStyle(fontSize: 20.0, color: Colors.blue),
                  // Draw text at the bottom of the ellipse.
                  perimiterAlignment: EllipticText_PerimiterAlignment.bottom,
                  offset: __value,
                  // Stretch text to half the circumference.
                  fitFactor: 1 / 2,
                  fitType: EllipticText_FitType.stretchFit,
                ),
              ),
            ),
          )
        ],
      ),
    );
  }
}

final _animate =
    (final Widget Function(double) widget) => TweenAnimationBuilder(
          tween: Tween<double>(
            begin: 0.0,
            // Revolve text at 30 RPM.
            end: 30.0 * /*circumference = */ 1189.90797,
          ),
          duration: Duration(minutes: 1),
          builder: (_, __value, __) => widget(__value),
        );
18
likes
150
pub points
73%
popularity

Publisher

unverified uploader

Includes the EllipticText widget that lets you draw curved text. It comes with all the bells and whistles and is very easy to use.

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (license)

Dependencies

flutter

More

Packages that depend on elliptic_text