import 'dart:ui'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:mohem_flutter_app/ui/screens/profile/widgets/header.dart'; import 'package:mohem_flutter_app/ui/screens/profile/widgets/profile_panel.dart'; class ProfileScreen extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( extendBody: true, backgroundColor: const Color(0xffefefef), body: Stack(children: [ Container( height: 300, margin: EdgeInsets.only(top: 50), decoration: new BoxDecoration( image: new DecorationImage( image: new ExactAssetImage('assets/images/user-avatar.png'), fit: BoxFit.cover, ), ), child: new BackdropFilter( filter: new ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0), child: new Container( decoration: new BoxDecoration(color: Colors.white.withOpacity(0.0)), ), )), SingleChildScrollView( scrollDirection: Axis.vertical, child: Column(crossAxisAlignment: CrossAxisAlignment.center, children: [ SizedBox( height: 80, ), Container( padding: EdgeInsets.only(left: 15, right: 15), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ IconButton( onPressed: () {}, icon: Icon( Icons.arrow_back_ios, color: Colors.white, )), InkWell( child: Container( padding: EdgeInsets.only(left: 10, right: 10, top: 5, bottom: 5), decoration: BoxDecoration(borderRadius: BorderRadius.circular(15), color: Colors.black.withOpacity(.3)), child: Row(children: [ Icon(Icons.photo, color: Colors.white), Text( 'Edit', style: TextStyle(color: Colors.white, fontSize: 12), ) ]))), ], )), HeaderPanel(), ProfilePanle() ]), ) ])); } }