TEXT   147

day-5

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

  1. import 'package:day_5/home_page.dart';
  2. import 'package:flutter/material.dart';
  3.  
  4. void main() {
  5.   runApp(const MyApp());
  6. }
  7.  
  8. class MyApp extends StatelessWidget {
  9.   const MyApp({Key? key}) : super(key: key);
  10.  
  11.   @override
  12.   Widget build(BuildContext context) {
  13.     return MaterialApp(
  14.       debugShowCheckedModeBanner: false,
  15.       home: MyHomePage(),
  16.     );
  17.   }
  18. }
  19.  
  20.  
  21.  
  22.  
  23. //Start Home_Page......
  24.  
  25.  
  26. import 'package:flutter/material.dart';
  27. //import './drawer.dart';
  28.  
  29. class MyHomePage extends StatelessWidget {
  30.   const MyHomePage({Key? key}) : super(key: key);
  31.  
  32.   @override
  33.   Widget build(BuildContext context) {
  34.     return Scaffold(
  35.       drawer: Drawer(
  36.         child: Column(
  37.           children: [
  38.             Stack(
  39.               children: [
  40.                 Container(
  41.                   // child: Image.asset("images/logo.JPG"),
  42.                   decoration: BoxDecoration(
  43.                     borderRadius: BorderRadius.circular(25),
  44.                     color: Colors.orangeAccent,
  45.                   ),
  46.                   height: 250,
  47.                 ),
  48.               ],
  49.             ),
  50.             SizedBox(
  51.               height: 30,
  52.             ),
  53.             ListTile(
  54.               leading: Icon(Icons.home),
  55.               title: Text(
  56.                 "Menu",
  57.                 style: TextStyle(fontSize: 23),
  58.               ),
  59.               onTap: () {},
  60.             ),
  61.             ListTile(
  62.               leading: Icon(Icons.favorite_border),
  63.               title: Text(
  64.                 "Favorite",
  65.                 style: TextStyle(fontSize: 23),
  66.               ),
  67.               onTap: () {},
  68.             ),
  69.             ListTile(
  70.               leading: Icon(Icons.workspaces_outline),
  71.               title: Text(
  72.                 "Workflow",
  73.                 style: TextStyle(fontSize: 23),
  74.               ),
  75.               onTap: () {},
  76.             ),
  77.             ListTile(
  78.               leading: Icon(Icons.update),
  79.               title: Text(
  80.                 "Update",
  81.                 style: TextStyle(fontSize: 23),
  82.               ),
  83.               onTap: () {},
  84.             ),
  85.             ListTile(
  86.               leading: Icon(Icons.settings),
  87.               title: Text(
  88.                 "Settings",
  89.                 style: TextStyle(fontSize: 23),
  90.               ),
  91.               onTap: () {},
  92.             ),
  93.           ],
  94.         ),
  95.       ),
  96.       appBar: AppBar(
  97.         centerTitle: true,
  98.         backgroundColor: Colors.orange,
  99.         toolbarHeight: 130,
  100.         shape: RoundedRectangleBorder(
  101.           borderRadius: BorderRadius.only(
  102.             bottomLeft: Radius.circular(45),
  103.             //bottomRight: Radius.circular(30),
  104.           ),
  105.         ),
  106.         title: Text(
  107.           "DAY - 5",
  108.           style: TextStyle(fontSize: 32, color: Colors.black),
  109.         ),
  110.         actions: [
  111.           CircleAvatar(
  112.             backgroundColor: Colors.transparent,
  113.             radius: 30.0,
  114.             child: ClipRRect(
  115.               child: Image.asset('images/logo.JPG'),
  116.               borderRadius: BorderRadius.circular(50.0),
  117.             ),
  118.           ),
  119.         ],
  120.       ),
  121.       body: SingleChildScrollView(
  122.         child: Column(
  123.           children: [
  124.             Center(
  125.               child: Container(
  126.                 margin: EdgeInsets.only(top: 25),
  127.                 child: Text(
  128.                   "My Album",
  129.                   style: TextStyle(
  130.                       fontSize: 35,
  131.                       fontWeight: FontWeight.bold,
  132.                       decoration: TextDecoration.underline),
  133.                 ),
  134.               ),
  135.             ),
  136.             SizedBox(
  137.               height: 20,
  138.             ),
  139.             Container(
  140.               margin: EdgeInsets.only(left: 15),
  141.               child: Align(
  142.                 alignment: Alignment.centerLeft,
  143.                 child: Text(
  144.                   'Recent Photos',
  145.                   style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20),
  146.                 ),
  147.               ),
  148.             ),
  149.             SingleChildScrollView(
  150.               scrollDirection: Axis.horizontal,
  151.               child: Padding(
  152.                 padding: EdgeInsets.all(8.0),
  153.                 child: Container(
  154.                   child: Row(
  155.                     //mainAxisAlignment: MainAxisAlignment.spaceEvenly,
  156.                     children: [
  157.                       Container(
  158.                         decoration: BoxDecoration(
  159.                           border: Border.all(color: Colors.black, width: 2),
  160.                           borderRadius: BorderRadius.only(
  161.                             bottomLeft: Radius.circular(25),
  162.                             topRight: Radius.circular(25),
  163.                           ),
  164.                           image: DecorationImage(
  165.                             image: AssetImage("images/1.jpg"),
  166.                           ),
  167.                         ),
  168.                         height: 200,
  169.                         width: 150,
  170.                       ),
  171.                       SizedBox(
  172.                         width: 15,
  173.                       ),
  174.                       Container(
  175.                         //padding: EdgeInsets.all(100),
  176.                         decoration: BoxDecoration(
  177.                           border: Border.all(color: Colors.black, width: 2),
  178.                           borderRadius: BorderRadius.only(
  179.                             bottomLeft: Radius.circular(25),
  180.                             topRight: Radius.circular(25),
  181.                           ),
  182.                           image: DecorationImage(
  183.                             image: AssetImage("images/2.jpg"),
  184.                           ),
  185.                         ),
  186.                         height: 200,
  187.                         width: 150,
  188.                       ),
  189.                       SizedBox(
  190.                         width: 15,
  191.                       ),
  192.                       Container(
  193.                         //padding: EdgeInsets.all(100),
  194.                         decoration: BoxDecoration(
  195.                           border: Border.all(color: Colors.black, width: 2),
  196.                           borderRadius: BorderRadius.only(
  197.                             bottomLeft: Radius.circular(25),
  198.                             topRight: Radius.circular(25),
  199.                           ),
  200.                           image: DecorationImage(
  201.                             image: AssetImage("images/3.jpg"),
  202.                           ),
  203.                         ),
  204.                         height: 200,
  205.                         width: 150,
  206.                       ),
  207.                       SizedBox(
  208.                         width: 15,
  209.                       ),
  210.                       Container(
  211.                         //padding: EdgeInsets.all(100),
  212.                         decoration: BoxDecoration(
  213.                           border: Border.all(color: Colors.black, width: 2),
  214.                           borderRadius: BorderRadius.only(
  215.                             bottomLeft: Radius.circular(25),
  216.                             topRight: Radius.circular(25),
  217.                           ),
  218.                           image: DecorationImage(
  219.                             image: AssetImage("images/4.png"),
  220.                           ),
  221.                         ),
  222.                         height: 200,
  223.                         width: 150,
  224.                       ),
  225.                       SizedBox(
  226.                         width: 15,
  227.                       ),
  228.                       Container(
  229.                         //padding: EdgeInsets.all(100),
  230.                         decoration: BoxDecoration(
  231.                           border: Border.all(color: Colors.black, width: 2),
  232.                           borderRadius: BorderRadius.only(
  233.                             bottomLeft: Radius.circular(25),
  234.                             topRight: Radius.circular(25),
  235.                           ),
  236.                           image: DecorationImage(
  237.                             image: AssetImage("images/5.jpg"),
  238.                           ),
  239.                         ),
  240.                         height: 200,
  241.                         width: 150,
  242.                       ),
  243.                       SizedBox(
  244.                         width: 15,
  245.                       ),
  246.                       Container(
  247.                         //padding: EdgeInsets.all(100),
  248.                         decoration: BoxDecoration(
  249.                           border: Border.all(color: Colors.black, width: 2),
  250.                           borderRadius: BorderRadius.only(
  251.                             bottomLeft: Radius.circular(25),
  252.                             topRight: Radius.circular(25),
  253.                           ),
  254.                           image: DecorationImage(
  255.                             image: AssetImage("images/6.jpg"),
  256.                           ),
  257.                         ),
  258.                         height: 200,
  259.                         width: 150,
  260.                       ),
  261.                     ],
  262.                   ),
  263.                 ),
  264.               ),
  265.             ),
  266.             Padding(
  267.               padding: EdgeInsets.all(15.0),
  268.               child: Container(
  269.                 //height: 450,
  270.                 child: Card(
  271.                   clipBehavior: Clip.antiAlias,
  272.                   child: Column(
  273.                     children: [
  274.                       ListTile(
  275.                         leading: Icon(Icons.arrow_drop_down_circle),
  276.                         title: Text(
  277.                           "Card-1",
  278.                         ),
  279.                         subtitle: Text(
  280.                             "This is Card design. This is card number one."),
  281.                       ),
  282.                       Padding(
  283.                         padding: EdgeInsets.all(20.0),
  284.                         child: Text(
  285.                             "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."),
  286.                       ),
  287.                       //Image.asset("images/2.jpg"),
  288.                       Row(
  289.                         mainAxisSize: MainAxisSize.min,
  290.                         mainAxisAlignment: MainAxisAlignment.spaceBetween,
  291.                         children: [
  292.                           ButtonBar(
  293.                             alignment: MainAxisAlignment.start,
  294.                             children: [
  295.                               Row(
  296.                                 children: [
  297.                                   Icon(Icons.linked_camera),
  298.                                   Icon(Icons.heart_broken),
  299.                                 ],
  300.                               ),
  301.                               SizedBox(
  302.                                 width: 210,
  303.                               ),
  304.                               Row(
  305.                                 children: [
  306.                                   Icon(Icons.add),
  307.                                 ],
  308.                               )
  309.                             ],
  310.                           ),
  311.                         ],
  312.                       ),
  313.                     ],
  314.                   ),
  315.                 ),
  316.               ),
  317.             ),
  318.             Padding(
  319.               padding: const EdgeInsets.all(15.0),
  320.               child: Card(
  321.                 clipBehavior: Clip.antiAlias,
  322.                 child: Column(
  323.                   children: [
  324.                     ListTile(
  325.                       leading: Icon(Icons.arrow_drop_down_circle),
  326.                       title: Text(
  327.                         "Card-2",
  328.                       ),
  329.                       subtitle:
  330.                           Text("This is Card design. This is card number two."),
  331.                     ),
  332.                     Padding(
  333.                       padding: EdgeInsets.all(20.0),
  334.                       child: Text(
  335.                           "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."),
  336.                     ),
  337.                     Row(
  338.                       mainAxisSize: MainAxisSize.min,
  339.                       mainAxisAlignment: MainAxisAlignment.spaceBetween,
  340.                       children: [
  341.                         ButtonBar(
  342.                           alignment: MainAxisAlignment.start,
  343.                           children: [
  344.                             Row(
  345.                               children: [
  346.                                 Icon(Icons.linked_camera),
  347.                                 Icon(Icons.heart_broken),
  348.                               ],
  349.                             ),
  350.                             SizedBox(
  351.                               width: 210,
  352.                             ),
  353.                             Row(
  354.                               children: [
  355.                                 Icon(Icons.add),
  356.                               ],
  357.                             ),
  358.                           ],
  359.                         ),
  360.                       ],
  361.                     ),
  362.                     //Image.asset("images/2.jpg"),
  363.                   ],
  364.                 ),
  365.               ),
  366.             ),
  367.             Padding(
  368.               padding: const EdgeInsets.all(15.0),
  369.               child: Card(
  370.                 clipBehavior: Clip.antiAlias,
  371.                 child: Column(
  372.                   children: [
  373.                     ListTile(
  374.                       leading: Icon(Icons.arrow_drop_down_circle),
  375.                       title: Text(
  376.                         "Card-3",
  377.                       ),
  378.                       subtitle: Text(
  379.                           "This is Card design. This is card number three."),
  380.                     ),
  381.                     Padding(
  382.                       padding: EdgeInsets.all(20.0),
  383.                       child: Text(
  384.                           "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."),
  385.                     ),
  386.                     Row(
  387.                       mainAxisSize: MainAxisSize.min,
  388.                       mainAxisAlignment: MainAxisAlignment.spaceBetween,
  389.                       children: [
  390.                         ButtonBar(
  391.                           alignment: MainAxisAlignment.start,
  392.                           children: [
  393.                             Row(
  394.                               children: [
  395.                                 Icon(Icons.linked_camera),
  396.                                 Icon(Icons.heart_broken),
  397.                               ],
  398.                             ),
  399.                             SizedBox(
  400.                               width: 210,
  401.                             ),
  402.                             Row(
  403.                               children: [
  404.                                 Icon(Icons.add),
  405.                               ],
  406.                             ),
  407.                           ],
  408.                         ),
  409.                       ],
  410.                     ),
  411.                     //Image.asset("images/2.jpg"),
  412.                   ],
  413.                 ),
  414.               ),
  415.             ),
  416.             Padding(
  417.               padding: const EdgeInsets.all(15.0),
  418.               child: Card(
  419.                 clipBehavior: Clip.antiAlias,
  420.                 child: Column(
  421.                   children: [
  422.                     ListTile(
  423.                       leading: Icon(Icons.arrow_drop_down_circle),
  424.                       title: Text(
  425.                         "Card-4",
  426.                       ),
  427.                       subtitle: Text(
  428.                           "This is Card design. This is card number four."),
  429.                     ),
  430.                     Padding(
  431.                       padding: EdgeInsets.all(20.0),
  432.                       child: Text(
  433.                           "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."),
  434.                     ),
  435.                     Row(
  436.                       mainAxisSize: MainAxisSize.min,
  437.                       mainAxisAlignment: MainAxisAlignment.spaceBetween,
  438.                       children: [
  439.                         ButtonBar(
  440.                           alignment: MainAxisAlignment.start,
  441.                           children: [
  442.                             Row(
  443.                               children: [
  444.                                 Icon(Icons.linked_camera),
  445.                                 Icon(Icons.heart_broken),
  446.                               ],
  447.                             ),
  448.                             SizedBox(
  449.                               width: 210,
  450.                             ),
  451.                             Row(
  452.                               children: [
  453.                                 Icon(Icons.add),
  454.                               ],
  455.                             ),
  456.                           ],
  457.                         ),
  458.                       ],
  459.                     ),
  460.                     //Image.asset("images/2.jpg"),
  461.                   ],
  462.                 ),
  463.               ),
  464.             ),
  465.           ],
  466.         ),
  467.       ),
  468.       floatingActionButton: FloatingActionButton(
  469.         backgroundColor: Colors.orange,
  470.         foregroundColor: Colors.black,
  471.         onPressed: () {},
  472.         child: Icon(Icons.camera_enhance),
  473.       ),
  474.     );
  475.   }
  476. }

Raw Paste


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