more elements added to the header
This commit is contained in:
parent
6f900ac2f7
commit
95611cf38d
|
|
@ -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,
|
||||
),
|
||||
],
|
||||
),
|
||||
|
|
|
|||
Loading…
Reference in New Issue