Hide Text in flutter with animation

In this article, I'm going to share with you the code on how to hide text in flutter.

import 'package:flutter/material.dart';

void main(List<String> args) {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @
override

  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  bool _visible = true;
  @
override

  Widget build(BuildContext context) {
    return MaterialApp(
      title: "AnimatedOpacity Example",
      home: Scaffold(
        appBar: AppBar(
          title: Text('AnimatedOpacity Example'),
        ),
        body: MyHomePage(visible: _visible),
        floatingActionButton: FloatingActionButton(
          child: Icon(Icons.flip),
          onPressed: () {
            setState(() {
              _visible = !_visible;
            });
          },
        ),
      ),
    );
  }
}

class MyHomePage extends StatefulWidget {
  final bool? visible;
  const MyHomePage({Key? key, this.visible}) : super(key: key);
  @
override

  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @
override

  Widget build(BuildContext context) {
    var _visible;
    _visible = widget.visible;
    return Center(
      child: AnimatedOpacity(
        child: Center(child: Text('Hello World')),
        duration: Duration(milliseconds: 500),
        opacity: _visible ? 1.0 : 0.0,
      ),
    );
  }
}

Thanks,