changed some design in the header. => Textfield and spacer

This commit is contained in:
Eggmac 2024-02-25 23:15:59 +01:00
parent a4d7cb0ebd
commit 09be6bc87d
1 changed files with 64 additions and 59 deletions

View File

@ -19,65 +19,70 @@ class HomePage extends StatelessWidget {
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(
//width of button
width: 10,
),
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 SizedBox(height: 10),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
SizedBox(
height: 50, //height of button
//width of button
child: IconButton(
icon: Image.asset('assets/images/logo.png'),
onPressed: () {},
),
),
const SizedBox(
//width of button
width: 10,
),
SizedBox(
height: 10, //height of button
width: 20, //width of button
child: Icon(Icons.keyboard_arrow_down),
),
const SizedBox(
//width of button
width: 10,
),
SizedBox(
width: 100.0,
child: TextField(
controller: TextEditingController(text: "Ingolstadt"),
decoration: InputDecoration(
border: UnderlineInputBorder(),
),
),
),
// const SizedBox(
// //width of button
// width: 40,
// ),
Spacer(),
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,