Animated Builder

Animated Builder Widget serbaguna untuk membuat animasi. Animated Builder berguna untuk widget yang lebih kompleks yang ingin menyertakan animasi sebagai bagian dari fungsi build yang lebih besar. Untuk menggunakan Animated Builder, cukup buat widget dan teruskan ke fungsi builder. Untuk kasus sederhana tanpa status tambahan, pertimbangkan untuk menggunakan Animated Widget.

1. Start a new Flutter project

2. Pilih flutter pplication

3. Konfigurasi project anda

4. Edit main.dart menjadi seperti ini

import 'package:flutter/material.dart';
import 'package:random_pk/random_pk.dart';
import 'dart:math' as math;

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: AnimatedBuilderExample(

      )
    );
  }
}

class AnimatedBuilderExample extends StatefulWidget {
  @override
  _AnimatedBuilderExampleState createState() => _AnimatedBuilderExampleState();
}

class _AnimatedBuilderExampleState extends State<AnimatedBuilderExample>
    with SingleTickerProviderStateMixin {
  AnimationController _animationController;

  @override
  void initState() {
    super.initState();
    _animationController =
    AnimationController(duration: Duration(seconds: 3), vsync: this)
      ..repeat();
  }

  @override
  void dispose() {
    super.dispose();
    _animationController.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RandomContainer(
          height: 20.0,
          width: 200.0,
          child: AnimatedBuilder(
            animation: _animationController,
            child: Container(
              height: 50.0,
              width: 50.0,
              color: Colors.amber,
            ),
            builder: (context, child) => Transform.rotate(
              child: child,
              angle: _animationController.value * 1.0 * math.pi,
            ),
          ),
        ),
      ),
    );
  }
}


spot_imgspot_img

Subscribe

Related articles

Memanfaatkan Include Dan Required Function Pada PHP

 Halo teman-teman sobat baraja udacoding, selamat datang kembali di...

CARA MEMBUAT KONEKSI DATABASE DI PHP

Halo teman-teman, selamat datang kembali di baraja uda coding....

Pseudo Class Dan Penggunaannya part 2

Anchor Pseudo-classesMerubah link dengan beberapa cara yang berbeda tergantung...

Gridview and Container with Random Colors

Hallo sobat flutter, selamat pagi, siang, sore, malam. Apa...

Mengenal Pseudo Element Dan Penggunaannya part 2

Seperti yang kita semua ketahui tentang Pseudo Element pada artikel...
spot_imgspot_img

LEAVE A REPLY

Please enter your comment!
Please enter your name here