Animated Container - Air Plane

air_plane_animated.dart

import 'package:flutter/material.dart';
final Color darkBlue = Color.fromARGB(255, 18, 32, 47);

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: darkBlue),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: Text('Animated Container - cerbero.dev'),
          centerTitle: true,
          backgroundColor: Colors.black45,
        ),
        body: Center(
          child: Avion(),
        ),
      ),
    );
  }
}

class Avion extends StatefulWidget {
  @override
  AvionState createState() {
    return AvionState();
  }
}

class AvionState extends State<Avion> {
  var _alignment = Alignment.bottomCenter;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: AnimatedContainer(
        padding: EdgeInsets.all(10.0),
        duration: Duration(seconds: 5),
        alignment: _alignment,
        child: Container(
          height: 80,
          child: Icon(
            Icons.airplanemode_active,
            size: 55,
            color: Colors.white,
          ),
        ),
      ),
      floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
      floatingActionButton: 
      FloatingActionButton.extended(
          elevation: 10,
          backgroundColor: Colors.white,
          onPressed: () {
            setState(() {
              _alignment = Alignment.topCenter;
            });
          },
          icon: Icon(Icons.airplanemode_active),
          label: Text("Go in Tech Talks"),
      ),
      
    );
  }
}