آموزش استایل دهی در فلاتر با کتابخانه division

class MessageDisplayClassic extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        child: Padding(
          padding: const EdgeInsets.all(16),
          child: Text(
            'Lorem ipsum dolor sit amet...',
            style: TextStyle(
              color: Colors.white,
              fontSize: 30,
              fontWeight: FontWeight.bold,
              fontStyle: FontStyle.italic,
            ),
          ),
        ),
        width: 350,
        decoration: BoxDecoration(
          color: Colors.green.shade800,
          borderRadius: BorderRadius.circular(8),
        ),
      ),
    );
  }
}

dependencies:
  flutter:
    sdk: flutter
  division: ^0.8.2

class MessageDisplayDivision extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Parent(
      child: Container(
        child: Txt(
          'Lorem ipsum dolor sit amet...',
          style: TxtStyle()
            ..textColor(Colors.white)
            ..fontSize(30)
            ..bold()
            ..italic()
            ..textAlign.start(),
        ),
      ),
      style: ParentStyle()
        ..alignment.center()
        ..padding(all: 16)
        ..width(350)
        ..background.color(Colors.green.shade800)
        ..borderRadius(all: 8),
    );
  }
}

class MessageDisplayDivisionSimple extends StatelessWidget {
  ...

  @override
  Widget build(BuildContext context) {
    return Parent(
      child: Container(
        child: Txt(
          'Lorem ipsum dolor sit amet...',
          style: textStyle,
        ),
      ),
      style: containerStyle,
    );
  }
}

class MessageDisplayDivisionSimple extends StatelessWidget {
  final containerStyle = ParentStyle()
    ..alignment.center()
    ..padding(all: 16)
    ..width(350)
    ..background.color(Colors.green.shade800)
    ..borderRadius(all: 8);

  final textStyle = TxtStyle()
    ..textColor(Colors.white)
    ..fontSize(30)
    ..bold()
    ..italic()
    ..textAlign.start();

  ...
}

final containerStyle = ParentStyle(angleFormat: AngleFormat.degree)
  ..alignment.center()
  ..padding(all: 16)
  ..width(350)
  ..background.color(Colors.green.shade800)
  ..borderRadius(all: 8)
  ..elevation(3)
  ..ripple(true)
  ..animate(100 /*milliseconds*/, Curves.decelerate);

class _MessageDisplayDivisionState extends State<MessageDisplayDivision> {
  bool isBeingTapped = false;
  ...
  @override
  Widget build(BuildContext context) {
    return Parent(
      ...
      gesture: GestureClass()
        ..onTapDown((_) {
          setState(() {
            isBeingTapped = true;
          });
        })
        ..onTapUp((_) {
          setState(() {
            isBeingTapped = false;
          });
        })
        ..onTapCancel(() {
          setState(() {
            isBeingTapped = false;
          });
        }),
    );
  }
}

animate(100 /*milliseconds*/, Curves.decelerate)

class MessageDisplayDivision extends StatefulWidget {
  @override
  _MessageDisplayDivisionState createState() => _MessageDisplayDivisionState();
}

class _MessageDisplayDivisionState extends State<MessageDisplayDivision> {
  bool isBeingTapped = false;

  final containerStyle = ParentStyle(angleFormat: AngleFormat.degree)
    ..alignment.center()
    ..padding(all: 16)
    ..width(350)
    ..background.color(Colors.green.shade800)
    ..borderRadius(all: 8)
    ..elevation(3)
    ..ripple(true)
    ..animate(100 /*milliseconds*/, Curves.decelerate);

  final textStyle = TxtStyle()
    ..textColor(Colors.white)
    ..fontSize(30)
    ..bold()
    ..italic()
    ..textAlign.start();

  @override
  Widget build(BuildContext context) {
    return Parent(
      child: Container(
        child: Txt(
          'Lorem ipsum dolor sit amet...',
          style: textStyle,
        ),
      ),
      style: containerStyle.clone()
        ..elevation(isBeingTapped ? 10 : 3)
        ..scale(isBeingTapped ? 1.1 : 1)
        ..rotate(isBeingTapped ? -10 : 0),
      gesture: GestureClass()
        ..onTapDown((_) {
          setState(() {
            isBeingTapped = true;
          });
        })
        ..onTapUp((_) {
          setState(() {
            isBeingTapped = false;
          });
        })
        ..onTapCancel(() {
          setState(() {
            isBeingTapped = false;
          });
        }),
    );
  }
}

      style: containerStyle.clone()
        ..elevation(isBeingTapped ? 10 : 3)
        ..scale(isBeingTapped ? 1.1 : 1)
        ..rotate(isBeingTapped ? -10 : 0),