Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import 'package:flutter/material.dart';
- class Kupa extends StatefulWidget {
- const Kupa({super.key});
- static const String routeName = '/detail';
- static Route route() {
- return MaterialPageRoute(
- settings: RouteSettings(name: routeName),
- builder: (_) => Kupa(),
- );
- }
- @override
- State<Kupa> createState() => _KupaState();
- }
- class _KupaState extends State<Kupa> {
- @override
- Widget build(BuildContext context) {
- Size size = MediaQuery.of(context).size;
- return Scaffold(
- backgroundColor: Colors.white,
- body: Column(children: [
- Container(
- height: 100,
- child: Row(mainAxisAlignment: MainAxisAlignment.center, children: [
- Image.asset(
- "assets/images/arduino.jpg",
- width: 50,
- height: 50,
- ),
- SizedBox(
- width: 10,
- ),
- Text(
- "Kupa",
- style: TextStyle(
- color: Colors.black,
- fontWeight: FontWeight.bold,
- fontSize: 25,
- ),
- )
- ]),
- ),
- Container(
- alignment: Alignment.center,
- height: size.height * 0.4,
- width: size.width * .95,
- child: Stack(
- children: [
- Container(
- padding: EdgeInsets.all(20),
- height: size.width * 0.75,
- width: size.width * 0.75,
- child: Container(
- padding: EdgeInsets.all(6),
- height: size.width * 0.65,
- width: size.width * 0.65,
- decoration: BoxDecoration(
- border: Border.all(
- color: Colors.grey.withOpacity(0.5),
- width: 3,
- ),
- color: Colors.white,
- borderRadius: BorderRadius.circular(size.height * 0.4),
- ),
- child: Container(
- padding: EdgeInsets.all(45),
- height: size.width * 0.65,
- width: size.width * 0.65,
- decoration: BoxDecoration(
- color: Colors.grey[400],
- borderRadius: BorderRadius.circular(size.height * 0.4),
- ),
- child: Container(
- height: size.width * 0.65,
- width: size.width * 0.65,
- decoration: BoxDecoration(
- borderRadius: BorderRadius.circular(size.height * 0.4),
- image: DecorationImage(
- image: AssetImage("assets/images/arduino.jpg"),
- fit: BoxFit.cover,
- ),
- ),
- ),
- ),
- ),
- ),
- Positioned(
- left: 0,
- top: 150,
- child: Container(
- padding: EdgeInsets.all(5),
- height: 60,
- width: 60,
- decoration: BoxDecoration(
- border: Border.all(color: Colors.grey, width: 3),
- color: Colors.white,
- borderRadius: BorderRadius.circular(size.height * 0.4),
- ),
- child: Container(
- height: 60,
- width: 60,
- decoration: BoxDecoration(
- color: Colors.pink,
- borderRadius: BorderRadius.circular(size.height * 0.4),
- image: DecorationImage(
- image: AssetImage("assets/images/arduino.jpg"),
- fit: BoxFit.cover,
- ),
- ),
- ),
- ),
- ),
- Positioned(
- right: 50,
- top: 15,
- child: Container(
- padding: EdgeInsets.all(4),
- height: 50,
- width: 50,
- decoration: BoxDecoration(
- border: Border.all(color: Colors.grey, width: 2),
- color: Colors.white,
- borderRadius: BorderRadius.circular(size.height * 0.4),
- ),
- child: Container(
- height: 60,
- width: 60,
- decoration: BoxDecoration(
- image: DecorationImage(
- image: AssetImage("assets/images/arduino.jpg"),
- fit: BoxFit.cover,
- ),
- color: Colors.black,
- borderRadius: BorderRadius.circular(size.height * 0.4),
- ),
- ),
- ),
- ),
- Positioned(
- right: 60,
- bottom: 15,
- child: Container(
- padding: EdgeInsets.all(5),
- height: 40,
- width: 40,
- decoration: BoxDecoration(
- border: Border.all(color: Colors.grey, width: 2),
- color: Colors.white,
- borderRadius: BorderRadius.circular(size.height * 0.4),
- ),
- child: Container(
- height: 60,
- width: 60,
- decoration: BoxDecoration(
- image: DecorationImage(
- image: AssetImage("assets/images/arduino.jpg"),
- fit: BoxFit.cover,
- ),
- borderRadius: BorderRadius.circular(size.height * 0.4)),
- ),
- ),
- )
- ],
- ),
- ),
- Column(
- children: [
- Text(
- "All your\nfavorites foods",
- style: TextStyle(
- color: Colors.black,
- fontWeight: FontWeight.bold,
- fontSize: 28,
- ),
- textAlign: TextAlign.center,
- ),
- SizedBox(
- height: 10,
- ),
- Text(
- "Order your favorite menu with easy,\non-demand delivery",
- style: TextStyle(
- color: Colors.grey,
- fontWeight: FontWeight.bold,
- fontSize: 16,
- ),
- textAlign: TextAlign.center,
- ),
- SizedBox(
- height: 30,
- ),
- Row(
- mainAxisAlignment: MainAxisAlignment.center,
- children: [
- Container(
- height: 12,
- width: 12,
- decoration: BoxDecoration(
- shape: BoxShape.circle,
- color: Color(0xFF036307),
- ),
- ),
- ],
- ),
- SizedBox(
- height: 30,
- ),
- Padding(
- padding: EdgeInsets.symmetric(
- horizontal: 20.0,
- vertical: 10,
- ),
- child: ClipRRect(
- borderRadius: BorderRadius.circular(10),
- child: Container(
- color: Color(0xFF033504),
- height: 55,
- width: double.infinity,
- child: TextButton(
- style: TextButton.styleFrom(
- primary: Colors.white,
- ),
- onPressed: () {},
- child: Text(
- 'Continue',
- style: TextStyle(fontSize: 20),
- ),
- ),
- ),
- ),
- ),
- Padding(
- padding: EdgeInsets.symmetric(
- horizontal: 20.0,
- ),
- child: ClipRRect(
- borderRadius: BorderRadius.circular(10),
- child: Container(
- color: Colors.grey[300],
- height: 55,
- width: double.infinity,
- child: TextButton(
- style: TextButton.styleFrom(
- primary: Color(0xFF033504),
- ),
- onPressed: () {},
- child: Text(
- 'Sign In',
- style: TextStyle(fontSize: 20),
- ),
- ),
- ),
- ),
- ),
- ],
- )
- ]),
- );
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement