title: Moving an image using AnimationPositioned
body: <p>I'm trying to move an image from the center to a new position (50,10) using AnimatedPositioned. Following is my code</p>
  
  <pre><code>class _SplashScreenState extends State&lt;SplashScreen&gt; {
    @override
    Widget build(BuildContext context) {
      return Container(
        color: Color(0xFFFFFFFF),
        child: Stack(
          children: [
            AnimatedPositioned(
              duration: Duration(seconds: 3),
              child: Align(
                alignment: Alignment.bottomCenter,
                child: Container(
                  child: Image(
                    image: AssetImage('images/img.png'),
                    width: 30,
                    height: 30,
                  ),
                ),
              ),
              top: 50,
              left: 10,
            )
          ],
        ),
      );
    }
  </code></pre>
  
  <p>For some reason, the above code doesn't do any animation and the image is not centered initially before moving to the top left. How can I be able to fix it?</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>I have tried AnimatedAlign as well,</p>
  
  <pre><code>return Container(
        color: Color(0xFFFFFFFF),
        child: AnimatedAlign(
          duration: Duration(seconds: 3),
          alignment: Alignment(50, 10),
          curve: Curves.bounceOut,
          child: Image(
            image: AssetImage('images/img.png'),
            width: 30,
            height: 30,
          ),
        ),
      );
  </code></pre>
  
  <p>For some reason, the image is still not moving</p>