import 'package:flutter/material.dart'; void main() { runApp(new MaterialApp( debugShowCheckedModeBanner: false, theme: ThemeData( primarySwatch: Colors.red, canvasColor: Colors.white, ), home: new MyApp(), )); } class MyApp extends StatefulWidget { @override _State createState() => new _State(); } class _State extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( leading: IconButton( icon: Icon(Icons.menu), onPressed: () {}, ), title: Text('Widget Tree'), actions: [ IconButton( icon: Icon(Icons.search), onPressed: () {}, ), IconButton( icon: Icon(Icons.more_vert), onPressed: () {}, ), ], flexibleSpace: SafeArea( child: Icon( Icons.camera, size: 55.0, color: Colors.white70, ), ), bottom: PreferredSize( child: Container( color: Colors.grey, height: 75.0, width: double.infinity, child: Text('Bottom'), ), preferredSize: Size.fromHeight(75.0), ), ), body: SafeArea( child: SingleChildScrollView( child: Container( height: 100.0, decoration: BoxDecoration( borderRadius: BorderRadius.only( bottomLeft: Radius.circular(100.0), bottomRight: Radius.circular(10.0), ), gradient: LinearGradient( begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [Colors.white, Colors.lightGreen.shade500], ), boxShadow: [ BoxShadow( color: Colors.grey, blurRadius: 10.0, offset: Offset(0.0, 10.0), ) ]), child: Center( child: Text( "Tutor Joes Computer Education Tutor Joes Computer Education", style: TextStyle( fontSize: 24.0, color: Colors.white, decoration: TextDecoration.underline, decorationColor: Colors.redAccent, fontStyle: FontStyle.italic, fontWeight: FontWeight.bold, ), maxLines: 4, overflow: TextOverflow.ellipsis, textAlign: TextAlign.center, ), ), ), ), ), ); } }