TEXT 147

day-5

Guest on 28th June 2022 01:45:39 PM

import 'package:day_5/home_page.dart';
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: MyHomePage(),
);
}
}
//Start Home_Page......
import 'package:flutter/material.dart';
//import './drawer.dart';
class MyHomePage extends StatelessWidget {
const MyHomePage({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
drawer: Drawer(
child: Column(
children: [
Stack(
children: [
Container(
// child: Image.asset("images/logo.JPG"),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(25),
color: Colors.orangeAccent,
),
height: 250,
),
],
),
SizedBox(
height: 30,
),
ListTile(
leading: Icon(Icons.home),
title: Text(
"Menu",
style: TextStyle(fontSize: 23),
),
onTap: () {},
),
ListTile(
leading: Icon(Icons.favorite_border),
title: Text(
"Favorite",
style: TextStyle(fontSize: 23),
),
onTap: () {},
),
ListTile(
leading: Icon(Icons.workspaces_outline),
title: Text(
"Workflow",
style: TextStyle(fontSize: 23),
),
onTap: () {},
),
ListTile(
leading: Icon(Icons.update),
title: Text(
"Update",
style: TextStyle(fontSize: 23),
),
onTap: () {},
),
ListTile(
leading: Icon(Icons.settings),
title: Text(
"Settings",
style: TextStyle(fontSize: 23),
),
onTap: () {},
),
],
),
),
appBar: AppBar(
centerTitle: true,
backgroundColor: Colors.orange,
toolbarHeight: 130,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(45),
//bottomRight: Radius.circular(30),
),
),
title: Text(
"DAY - 5",
style: TextStyle(fontSize: 32, color: Colors.black),
),
actions: [
CircleAvatar(
backgroundColor: Colors.transparent,
radius: 30.0,
child: ClipRRect(
child: Image.asset('images/logo.JPG'),
borderRadius: BorderRadius.circular(50.0),
),
),
],
),
body: SingleChildScrollView(
child: Column(
children: [
Center(
child: Container(
margin: EdgeInsets.only(top: 25),
child: Text(
"My Album",
style: TextStyle(
fontSize: 35,
fontWeight: FontWeight.bold,
decoration: TextDecoration.underline),
),
),
),
SizedBox(
height: 20,
),
Container(
margin: EdgeInsets.only(left: 15),
child: Align(
alignment: Alignment.centerLeft,
child: Text(
'Recent Photos',
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20),
),
),
),
SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Padding(
padding: EdgeInsets.all(8.0),
child: Container(
child: Row(
//mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Container(
decoration: BoxDecoration(
border: Border.all(color: Colors.black, width: 2),
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(25),
topRight: Radius.circular(25),
),
image: DecorationImage(
image: AssetImage("images/1.jpg"),
),
),
height: 200,
width: 150,
),
SizedBox(
width: 15,
),
Container(
//padding: EdgeInsets.all(100),
decoration: BoxDecoration(
border: Border.all(color: Colors.black, width: 2),
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(25),
topRight: Radius.circular(25),
),
image: DecorationImage(
image: AssetImage("images/2.jpg"),
),
),
height: 200,
width: 150,
),
SizedBox(
width: 15,
),
Container(
//padding: EdgeInsets.all(100),
decoration: BoxDecoration(
border: Border.all(color: Colors.black, width: 2),
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(25),
topRight: Radius.circular(25),
),
image: DecorationImage(
image: AssetImage("images/3.jpg"),
),
),
height: 200,
width: 150,
),
SizedBox(
width: 15,
),
Container(
//padding: EdgeInsets.all(100),
decoration: BoxDecoration(
border: Border.all(color: Colors.black, width: 2),
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(25),
topRight: Radius.circular(25),
),
image: DecorationImage(
image: AssetImage("images/4.png"),
),
),
height: 200,
width: 150,
),
SizedBox(
width: 15,
),
Container(
//padding: EdgeInsets.all(100),
decoration: BoxDecoration(
border: Border.all(color: Colors.black, width: 2),
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(25),
topRight: Radius.circular(25),
),
image: DecorationImage(
image: AssetImage("images/5.jpg"),
),
),
height: 200,
width: 150,
),
SizedBox(
width: 15,
),
Container(
//padding: EdgeInsets.all(100),
decoration: BoxDecoration(
border: Border.all(color: Colors.black, width: 2),
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(25),
topRight: Radius.circular(25),
),
image: DecorationImage(
image: AssetImage("images/6.jpg"),
),
),
height: 200,
width: 150,
),
],
),
),
),
),
Padding(
padding: EdgeInsets.all(15.0),
child: Container(
//height: 450,
child: Card(
clipBehavior: Clip.antiAlias,
child: Column(
children: [
ListTile(
leading: Icon(Icons.arrow_drop_down_circle),
title: Text(
"Card-1",
),
subtitle: Text(
"This is Card design. This is card number one."),
),
Padding(
padding: EdgeInsets.all(20.0),
child: Text(
"In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before final copy is available."),
),
//Image.asset("images/2.jpg"),
Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
ButtonBar(
alignment: MainAxisAlignment.start,
children: [
Row(
children: [
Icon(Icons.linked_camera),
Icon(Icons.heart_broken),
],
),
SizedBox(
width: 210,
),
Row(
children: [
Icon(Icons.add),
],
)
],
),
],
),
],
),
),
),
),
Padding(
padding: const EdgeInsets.all(15.0),
child: Card(
clipBehavior: Clip.antiAlias,
child: Column(
children: [
ListTile(
leading: Icon(Icons.arrow_drop_down_circle),
title: Text(
"Card-2",
),
subtitle:
Text("This is Card design. This is card number two."),
),
Padding(
padding: EdgeInsets.all(20.0),
child: Text(
"In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before final copy is available."),
),
Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
ButtonBar(
alignment: MainAxisAlignment.start,
children: [
Row(
children: [
Icon(Icons.linked_camera),
Icon(Icons.heart_broken),
],
),
SizedBox(
width: 210,
),
Row(
children: [
Icon(Icons.add),
],
),
],
),
],
),
//Image.asset("images/2.jpg"),
],
),
),
),
Padding(
padding: const EdgeInsets.all(15.0),
child: Card(
clipBehavior: Clip.antiAlias,
child: Column(
children: [
ListTile(
leading: Icon(Icons.arrow_drop_down_circle),
title: Text(
"Card-3",
),
subtitle: Text(
"This is Card design. This is card number three."),
),
Padding(
padding: EdgeInsets.all(20.0),
child: Text(
"In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before final copy is available."),
),
Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
ButtonBar(
alignment: MainAxisAlignment.start,
children: [
Row(
children: [
Icon(Icons.linked_camera),
Icon(Icons.heart_broken),
],
),
SizedBox(
width: 210,
),
Row(
children: [
Icon(Icons.add),
],
),
],
),
],
),
//Image.asset("images/2.jpg"),
],
),
),
),
Padding(
padding: const EdgeInsets.all(15.0),
child: Card(
clipBehavior: Clip.antiAlias,
child: Column(
children: [
ListTile(
leading: Icon(Icons.arrow_drop_down_circle),
title: Text(
"Card-4",
),
subtitle: Text(
"This is Card design. This is card number four."),
),
Padding(
padding: EdgeInsets.all(20.0),
child: Text(
"In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before final copy is available."),
),
Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
ButtonBar(
alignment: MainAxisAlignment.start,
children: [
Row(
children: [
Icon(Icons.linked_camera),
Icon(Icons.heart_broken),
],
),
SizedBox(
width: 210,
),
Row(
children: [
Icon(Icons.add),
],
),
],
),
],
),
//Image.asset("images/2.jpg"),
],
),
),
),
],
),
),
floatingActionButton: FloatingActionButton(
backgroundColor: Colors.orange,
foregroundColor: Colors.black,
onPressed: () {},
child: Icon(Icons.camera_enhance),
),
);
}
}

Raw Paste

import 'package:day_5/home_page.dart'; import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, home: MyHomePage(), ); } } //Start Home_Page...... import 'package:flutter/material.dart'; //import './drawer.dart'; class MyHomePage extends StatelessWidget { const MyHomePage({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( drawer: Drawer( child: Column( children: [ Stack( children: [ Container( // child: Image.asset("images/logo.JPG"), decoration: BoxDecoration( borderRadius: BorderRadius.circular(25), color: Colors.orangeAccent, ), height: 250, ), ], ), SizedBox( height: 30, ), ListTile( leading: Icon(Icons.home), title: Text( "Menu", style: TextStyle(fontSize: 23), ), onTap: () {}, ), ListTile( leading: Icon(Icons.favorite_border), title: Text( "Favorite", style: TextStyle(fontSize: 23), ), onTap: () {}, ), ListTile( leading: Icon(Icons.workspaces_outline), title: Text( "Workflow", style: TextStyle(fontSize: 23), ), onTap: () {}, ), ListTile( leading: Icon(Icons.update), title: Text( "Update", style: TextStyle(fontSize: 23), ), onTap: () {}, ), ListTile( leading: Icon(Icons.settings), title: Text( "Settings", style: TextStyle(fontSize: 23), ), onTap: () {}, ), ], ), ), appBar: AppBar( centerTitle: true, backgroundColor: Colors.orange, toolbarHeight: 130, shape: RoundedRectangleBorder( borderRadius: BorderRadius.only( bottomLeft: Radius.circular(45), //bottomRight: Radius.circular(30), ), ), title: Text( "DAY - 5", style: TextStyle(fontSize: 32, color: Colors.black), ), actions: [ CircleAvatar( backgroundColor: Colors.transparent, radius: 30.0, child: ClipRRect( child: Image.asset('images/logo.JPG'), borderRadius: BorderRadius.circular(50.0), ), ), ], ), body: SingleChildScrollView( child: Column( children: [ Center( child: Container( margin: EdgeInsets.only(top: 25), child: Text( "My Album", style: TextStyle( fontSize: 35, fontWeight: FontWeight.bold, decoration: TextDecoration.underline), ), ), ), SizedBox( height: 20, ), Container( margin: EdgeInsets.only(left: 15), child: Align( alignment: Alignment.centerLeft, child: Text( 'Recent Photos', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20), ), ), ), SingleChildScrollView( scrollDirection: Axis.horizontal, child: Padding( padding: EdgeInsets.all(8.0), child: Container( child: Row( //mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ Container( decoration: BoxDecoration( border: Border.all(color: Colors.black, width: 2), borderRadius: BorderRadius.only( bottomLeft: Radius.circular(25), topRight: Radius.circular(25), ), image: DecorationImage( image: AssetImage("images/1.jpg"), ), ), height: 200, width: 150, ), SizedBox( width: 15, ), Container( //padding: EdgeInsets.all(100), decoration: BoxDecoration( border: Border.all(color: Colors.black, width: 2), borderRadius: BorderRadius.only( bottomLeft: Radius.circular(25), topRight: Radius.circular(25), ), image: DecorationImage( image: AssetImage("images/2.jpg"), ), ), height: 200, width: 150, ), SizedBox( width: 15, ), Container( //padding: EdgeInsets.all(100), decoration: BoxDecoration( border: Border.all(color: Colors.black, width: 2), borderRadius: BorderRadius.only( bottomLeft: Radius.circular(25), topRight: Radius.circular(25), ), image: DecorationImage( image: AssetImage("images/3.jpg"), ), ), height: 200, width: 150, ), SizedBox( width: 15, ), Container( //padding: EdgeInsets.all(100), decoration: BoxDecoration( border: Border.all(color: Colors.black, width: 2), borderRadius: BorderRadius.only( bottomLeft: Radius.circular(25), topRight: Radius.circular(25), ), image: DecorationImage( image: AssetImage("images/4.png"), ), ), height: 200, width: 150, ), SizedBox( width: 15, ), Container( //padding: EdgeInsets.all(100), decoration: BoxDecoration( border: Border.all(color: Colors.black, width: 2), borderRadius: BorderRadius.only( bottomLeft: Radius.circular(25), topRight: Radius.circular(25), ), image: DecorationImage( image: AssetImage("images/5.jpg"), ), ), height: 200, width: 150, ), SizedBox( width: 15, ), Container( //padding: EdgeInsets.all(100), decoration: BoxDecoration( border: Border.all(color: Colors.black, width: 2), borderRadius: BorderRadius.only( bottomLeft: Radius.circular(25), topRight: Radius.circular(25), ), image: DecorationImage( image: AssetImage("images/6.jpg"), ), ), height: 200, width: 150, ), ], ), ), ), ), Padding( padding: EdgeInsets.all(15.0), child: Container( //height: 450, child: Card( clipBehavior: Clip.antiAlias, child: Column( children: [ ListTile( leading: Icon(Icons.arrow_drop_down_circle), title: Text( "Card-1", ), subtitle: Text( "This is Card design. This is card number one."), ), Padding( padding: EdgeInsets.all(20.0), child: Text( "In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before final copy is available."), ), //Image.asset("images/2.jpg"), Row( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ ButtonBar( alignment: MainAxisAlignment.start, children: [ Row( children: [ Icon(Icons.linked_camera), Icon(Icons.heart_broken), ], ), SizedBox( width: 210, ), Row( children: [ Icon(Icons.add), ], ) ], ), ], ), ], ), ), ), ), Padding( padding: const EdgeInsets.all(15.0), child: Card( clipBehavior: Clip.antiAlias, child: Column( children: [ ListTile( leading: Icon(Icons.arrow_drop_down_circle), title: Text( "Card-2", ), subtitle: Text("This is Card design. This is card number two."), ), Padding( padding: EdgeInsets.all(20.0), child: Text( "In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before final copy is available."), ), Row( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ ButtonBar( alignment: MainAxisAlignment.start, children: [ Row( children: [ Icon(Icons.linked_camera), Icon(Icons.heart_broken), ], ), SizedBox( width: 210, ), Row( children: [ Icon(Icons.add), ], ), ], ), ], ), //Image.asset("images/2.jpg"), ], ), ), ), Padding( padding: const EdgeInsets.all(15.0), child: Card( clipBehavior: Clip.antiAlias, child: Column( children: [ ListTile( leading: Icon(Icons.arrow_drop_down_circle), title: Text( "Card-3", ), subtitle: Text( "This is Card design. This is card number three."), ), Padding( padding: EdgeInsets.all(20.0), child: Text( "In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before final copy is available."), ), Row( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ ButtonBar( alignment: MainAxisAlignment.start, children: [ Row( children: [ Icon(Icons.linked_camera), Icon(Icons.heart_broken), ], ), SizedBox( width: 210, ), Row( children: [ Icon(Icons.add), ], ), ], ), ], ), //Image.asset("images/2.jpg"), ], ), ), ), Padding( padding: const EdgeInsets.all(15.0), child: Card( clipBehavior: Clip.antiAlias, child: Column( children: [ ListTile( leading: Icon(Icons.arrow_drop_down_circle), title: Text( "Card-4", ), subtitle: Text( "This is Card design. This is card number four."), ), Padding( padding: EdgeInsets.all(20.0), child: Text( "In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before final copy is available."), ), Row( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ ButtonBar( alignment: MainAxisAlignment.start, children: [ Row( children: [ Icon(Icons.linked_camera), Icon(Icons.heart_broken), ], ), SizedBox( width: 210, ), Row( children: [ Icon(Icons.add), ], ), ], ), ], ), //Image.asset("images/2.jpg"), ], ), ), ), ], ), ), floatingActionButton: FloatingActionButton( backgroundColor: Colors.orange, foregroundColor: Colors.black, onPressed: () {}, child: Icon(Icons.camera_enhance), ), ); } }

Login or Register to edit or fork this paste. It's free.