more elements added to the header

This commit is contained in:
Eggmac 2024-02-25 19:07:05 +01:00
parent 6f900ac2f7
commit 95611cf38d
1 changed files with 67 additions and 49 deletions

View File

@ -3,69 +3,87 @@ import 'package:learn_project/screens/details.dart';
import 'package:learn_project/utils/data.dart';
class HomePage extends StatelessWidget {
const HomePage({super.key});
@override
Widget build(BuildContext context) {
var body = SafeArea(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
//Header Container
Container(
padding: const EdgeInsets.all(8.0),
padding: const EdgeInsets.fromLTRB(5, 10, 5, 5),
height: 96,
color: Colors.white,
alignment: Alignment.bottomLeft,
child: Row(
children: <Widget>[
//height of button
//width of button
SizedBox(
height: 70, //height of button
//width of button
child: IconButton(
icon: Image.asset('assets/images/logo.png'),
onPressed: () {},
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(height: 20),
Row(children: <Widget>[
SizedBox(
height: 50, //height of button
//width of button
child: IconButton(
icon: Image.asset('assets/images/logo.png'),
onPressed: () {},
),
),
),
const SizedBox(
height: 60, //height of button
//width of button
width: 10,
),
const SizedBox(
width: 100.0,
child: TextField(
decoration: InputDecoration(
hintStyle: TextStyle(color: Colors.blue),
hintText: "Ingolstadt")),
),
const SizedBox(
height: 60, //height of button
//width of button
width: 20,
),
SizedBox(
height: 60, //height of button
//width of button
child: IconButton(
icon: Icon(Icons.search),
onPressed: () {},
const SizedBox(
//width of button
width: 10,
),
),
const VerticalDivider(
width: 20,
SizedBox(
height: 10, //height of button
width: 20, //width of button
child: Icon(Icons.keyboard_arrow_down),
),
const SizedBox(
//width of button
width: 10,
),
const SizedBox(
width: 100.0,
child: TextField(
decoration: InputDecoration(
hintStyle: TextStyle(color: Colors.blue),
hintText: "Ingolstadt")),
),
const SizedBox(
//width of button
width: 40,
),
SizedBox(
height: 41, //height of button
//width of button
child: IconButton(
icon: const Icon(Icons.search),
onPressed: () {},
),
),
const SizedBox(
height: 40,
child: VerticalDivider(
thickness: 1,
width: 20,
color: Colors.black,
),
),
SizedBox(
height: 50, //height of button
//width of button
child: IconButton(
icon: Image.asset('assets/images/Login.png'),
onPressed: () {},
),
),
]),
const Divider(
height: 10,
thickness: 1,
indent: 20,
indent: 0,
endIndent: 0,
color: Colors.grey,
),
SizedBox(
height: 60, //height of button
//width of button
child: IconButton(
icon: Image.asset('assets/images/Login.png'),
onPressed: () {},
),
color: Colors.black,
),
],
),