Untitled
unknown
dart
4 years ago
16 kB
5
Indexable
import 'package:flutter/material.dart'; void main(){ runApp(MyApp()); } class MyApp extends StatelessWidget{ @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, title: 'sample ui', home: Scaffold( body: SafeArea( child: Container( child: Stack( children: [ Container( color: Colors.white, ), Container( child: Image( image: AssetImage('asset/image.jpg'), ), ), Positioned( top: 20, left: 20, child: Container( width: 40, height: 40, child: Text('<',style: TextStyle(fontSize: 30),), ), ), Positioned( bottom: 0, child: Container( decoration: BoxDecoration( boxShadow: [ BoxShadow( color: Colors.black26, blurRadius: 30.0, spreadRadius: 10.0 ) ], color: Colors.white, borderRadius: BorderRadius.only( topLeft: Radius.circular(50.0), topRight: Radius.circular(50.0)) ), width: 412, height: 500, child: Padding( padding: const EdgeInsets.all(25.0), child: Container( child:Column( crossAxisAlignment:CrossAxisAlignment.start , children: [ Text('Web Design',style: TextStyle( fontSize: 25, fontWeight:FontWeight.w600),), Text('Course',style: TextStyle( fontSize: 25, fontWeight:FontWeight.w600, ),), Padding( padding: const EdgeInsets.only(top: 15.0), child: Container( child: Column( children: [ Container( child: Row( children: [ Text('\$28.99',style: TextStyle( fontSize: 20, fontWeight: FontWeight.w600, color: Colors.blue ),), Spacer(), Column( children: [ Row( children: [ Text('4.3',style: TextStyle( fontSize: 20, ),), Icon(Icons.star,color: Colors.blue,) ], ) ], ) ], ),), Padding( padding: const EdgeInsets.only(top: 15.0 ), child: Container( child: Row( children: [ Padding( padding: const EdgeInsets.only(top: 8.0,bottom: 8.0,right: 8.0), child: Container( width: 80, height: 50, decoration: BoxDecoration( color: Colors.white, boxShadow: [ BoxShadow( color: Colors.black26, blurRadius: 5.0, spreadRadius: 1.0 ) ], borderRadius: BorderRadius.circular(10.0), ), child: Column( mainAxisAlignment:MainAxisAlignment.center, children: [ Text('24',style: TextStyle( fontWeight: FontWeight.bold, fontSize: 15, color: Colors.blue ),), Text('Classes') ], ), ), ), Padding( padding: const EdgeInsets.all(8.0), child: Container( width: 80, height: 50, decoration: BoxDecoration( color: Colors.white, boxShadow: [ BoxShadow( color: Colors.black26, blurRadius: 5.0, spreadRadius: 1.0 ) ], borderRadius: BorderRadius.circular(10.0), ), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text('2hours',style: TextStyle( fontWeight: FontWeight.bold, fontSize: 15, color: Colors.blue ),), Text('Time') ], ), ), ), Padding( padding: const EdgeInsets.all(8.0), child: Container( width: 50, height: 50, decoration: BoxDecoration( color: Colors.white, boxShadow: [ BoxShadow( color: Colors.black26, blurRadius: 5.0, spreadRadius: 1.0 ) ], borderRadius: BorderRadius.circular(10.0), ), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text('24',style: TextStyle( fontWeight: FontWeight.bold, fontSize: 15, color: Colors.blue ),), Text('Seats') ], ), ), ) ], ), ), ), Padding( padding: const EdgeInsets.only(top: 15.0), child: Container( child: Text('Lorem ipsum is simply dummy text ' 'of printing & typesetting industry, ' 'Lorem Ipsum is simply dummy text ' 'of printing & typesetting industry.', style: TextStyle( fontWeight: FontWeight.w400, letterSpacing: 1.0, wordSpacing: .5 ),), ), ), Padding( padding: const EdgeInsets.only(top: 150.0), child: Container( child: Row( children: [ Container( width: 45, height: 45, decoration:BoxDecoration( borderRadius: BorderRadius.circular(15.0), border: Border.all(color: Colors.black26), ), child: Icon(Icons.add,color: Colors.blue,size: 30,), ), Spacer(), Container( decoration: BoxDecoration( color: Colors.blue, boxShadow: [ BoxShadow( color: Colors.blue, blurRadius: 5.0, spreadRadius: 0.0 ) ], borderRadius: BorderRadius.circular(15.0) ), width: 300, height: 45, child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text('Join Course',textAlign: TextAlign.center, style: TextStyle(color: Colors.white, fontWeight:FontWeight.bold, fontSize: 20 ),), ], ), ) ], ), ), ) ], ), ), ) ], ) ), ), ), ), Positioned( bottom: 475, right: 45, child: Container( width: 55, height: 55, decoration: BoxDecoration( color: Colors.blue, borderRadius:BorderRadius.circular(250.0), ), child: Icon(Icons.favorite,color: Colors.white,size: 25,), ), ) ] ), ), ), ), ); } }
Editor is loading...