Breaking News: Grepper is joining You.com. Read the official announcement!

animated splash screen flutter

Add Answer

Dull Dog answered on December 7, 2021 Popularity 10/10 Helpfulness 2/10

answer animated splash screen flutter

related flutter splash screen animation

related animated splash flutter

animated splash screen flutter

Comment

@override
  Widget build(BuildContext context) {
    return AnimatedSplashScreen(
      splash: 'images/splash.png',
      nextScreen: MainScreen(),
      splashTransition: SplashTransition.rotationTransition,
      pageTransitionType: PageTransitionType.scale,
    );
  }

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: pub.dev

Tags: animated flutter splash-screen whatever

Link to this answer
Share Copy Link

Contributed on Dec 07 2021

Dull Dog

0 Answers Avg Quality 2/10

Closely Related Answers

flutter splash screen animation

Comment

import 'package:flutter/material.dart';

class SplashPage extends StatefulWidget {
  @override
  _SplashPageState createState() => _SplashPageState();
}

class _SplashPageState extends State<SplashPage>
    with SingleTickerProviderStateMixin {
  AnimationController _animationController;
  Animation<double> _fadeAnimation;

  @override
  void initState() {
    super.initState();
    _animationController = AnimationController(
      vsync: this,
      duration: Duration(milliseconds: 1000),
    );

    _fadeAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
      CurvedAnimation(
        parent: _animationController,
        curve: Curves.easeIn,
      ),
    );

    _animationController.forward();
  }

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: AnimatedBuilder(
        animation: _animationController,
        builder: (BuildContext context, Widget child) {
          return Opacity(
            opacity: _fadeAnimation.value,
            child: Container(
              decoration: BoxDecoration(
                image: DecorationImage(
                  image: AssetImage('assets/splash_image.png'),
                  fit: BoxFit.cover,
                ),
              ),
            ),
          );
        },
      ),
    );
  }
}

Popularity 8/10 Helpfulness 2/10 Language dart

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

animated splash flutter

Comment

import 'package:animated_splash_screen/animated_splash_screen.dart';

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: pub.dev

Tags: animated animate

Link to this answer
Share Copy Link

Contributed on Nov 21 2022

usama Waseem

0 Answers Avg Quality 2/10

animated splash screen flutter

Contents

More Related Answers

animated splash screen flutter

Closely Related Answers

flutter splash screen animation

animated splash flutter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.