StaggeredAnimationUsingValues.dart

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: const Color(0xff2F2B53),
      appBar: AppBar(
        elevation: 0.0,
        backgroundColor: const Color(0xff2F2B53),
        leading: const Padding(
          padding: EdgeInsets.all(8.0),
          child: Icon(Icons.arrow_back_ios),
        ),
        actions: const [
          Padding(
            padding: EdgeInsets.all(8.0),
            child: Icon(
              Icons.more_horiz,
              size: 32,
            ),
          )
        ],
      ),
      body: Padding(
        padding: const EdgeInsets.symmetric(horizontal: 28.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Transform.translate(
              offset: Offset(0.0, profileTopAnimation.value),    // <----- Here
              child: const ProfileTop(),
            ),
            const SizedBox(
              height: 12,
            ),
            Opacity(
              opacity: textOpacityAnimation.value,      // <----- Here
              child: const Text(
                "David",
                style: TextStyle(
                  fontSize: 44,
                  color: Colors.white,
                  fontWeight: FontWeight.w500,
                ),
              ),
            ),
            const SizedBox(
              height: 60,
            ),
            Transform.translate(
                offset: Offset(profileMenuAnimation.value, 0.0),      // <----- Here
                child: ProfileMenu(profileMenu: profileMenu)),
            const SizedBox(
              height: 20,
            ),
            Transform.scale(
              scale: signOutBtnAnimation.value,      // <----- Here
              child: const SignOutBtn(),
            )
          ],
        ),
      ),
    );
  }
}