Untitled

 avatar
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...