MovieDetailsSteps

AddStackAndSchildren.dart

import 'package:flutter/material.dart';
import 'dart:ui' as UI;

class MovieDetail extends StatelessWidget{
  final movie;
  var image_url = 'https://image.tmdb.org/t/p/w500/';
  MovieDetail(this.movie);
  Color mainColor = const Color(0xff3C3261);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        fit: StackFit.expand,
        children: <Widget>[
          new Image.network(
            ///BoxFit.cover makes the whole image cover the width & height of the screen
            image_url + movie['poster_path'],
            fit: BoxFit.cover,
          ),
          ///Make the image gotten[Above] blur &
          ///adding a color [black] which is half opaque
          new BackdropFilter(
            filter: new UI.ImageFilter.blur(sigmaX: 5.0, sigmaY: 5.0),
            child: new Container(
              color: Colors.black.withOpacity(0.5),
            ),
          ),
        ],
      ),
    );
  }
}

MovieDetail.dart

import 'package:flutter/material.dart';

class MovieDetail extends StatelessWidget{
  final movie;
  var image_url = 'https://image.tmdb.org/t/p/w500/';
  MovieDetail(this.movie);
  Color mainColor = const Color(0xff3C3261);

  @override
  Widget build(BuildContext context) {
    return Scaffold(

    );
  }
}