Merhabalar.
Flutter eğitimlerimizde öğrendiğimiz konuları projeler yazarak pekiştirmeye çalışacağız.
Bu projemizde Container – Column – Row – MaterialApp – Scaffold – AppBar kullanarak bir liste programı yapacağız.
import 'package:flutter/material.dart';
void main() {
runApp(
MaterialApp(
debugShowCheckedModeBanner: false,
title: "Project 1",
color: Colors.black,
home: Scaffold(
appBar: AppBar(
title: Text("Project 1"),
backgroundColor: Colors.black,
centerTitle: true,
elevation: 20,
toolbarHeight: 150,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(
bottom: Radius.circular(50),
),
),
leadingWidth: 250,
leading: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
Icon(Icons.home, size: 25),
Icon(Icons.menu, size: 25),
Icon(Icons.airplanemode_active, size: 25),
],
),
actions: [
Padding(
padding: EdgeInsets.only(right: 10),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
Padding(
padding: EdgeInsets.only(right: 10),
child: Icon(Icons.home, size: 25),
),
Padding(
padding: EdgeInsets.only(right: 10),
child: Icon(Icons.menu, size: 25),
),
Padding(
padding: EdgeInsets.only(right: 10),
child: Icon(Icons.airplanemode_active, size: 25),
),
],
),
),
],
),
body: Padding(
padding: EdgeInsets.only(top: 3),
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Container(
margin: EdgeInsets.all(8),
padding: EdgeInsets.all(5),
height: 100,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(50),
color: Colors.black,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Container(
alignment: Alignment.centerLeft,
//margin: EdgeInsets.only(left: 20),
child: Icon(
Icons.account_circle_rounded,
size: 50,
color: Colors.white,
),
),
Container(
margin: EdgeInsets.only(left: 0, right: 20),
alignment: Alignment.centerLeft,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Murat Bilginer",
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: Colors.white),
textAlign: TextAlign.left,
),
SizedBox(
height: 10,
),
Text(
"0 000 658 72 50",
style: TextStyle(
fontSize: 15,
fontWeight: FontWeight.normal,
color: Colors.amber),
textAlign: TextAlign.right,
)
],
),
),
Container(
alignment: Alignment.centerRight,
//margin: EdgeInsets.only(right: 10),
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Container(
margin: EdgeInsets.all(5),
child: Icon(Icons.add, size: 30, color: Colors.greenAccent),
),
Container(
margin: EdgeInsets.all(5),
child: Icon(Icons.edit, size: 30, color: Colors
.greenAccent),
),
Container(
margin: EdgeInsets.all(5),
child: Icon(Icons.airplanemode_active, size: 30, color: Colors
.greenAccent),
),
],
),
),
],
),
),
Container(
margin: EdgeInsets.all(8),
padding: EdgeInsets.all(5),
height: 100,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(50),
color: Colors.black,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Container(
alignment: Alignment.centerLeft,
//margin: EdgeInsets.only(left: 20),
child: Icon(
Icons.account_circle_rounded,
size: 50,
color: Colors.white,
),
),
Container(
margin: EdgeInsets.only(left: 0, right: 20),
alignment: Alignment.centerLeft,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Murat Bilginer",
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: Colors.white),
textAlign: TextAlign.left,
),
SizedBox(
height: 10,
),
Text(
"0 000 658 72 50",
style: TextStyle(
fontSize: 15,
fontWeight: FontWeight.normal,
color: Colors.amber),
textAlign: TextAlign.right,
)
],
),
),
Container(
alignment: Alignment.centerRight,
//margin: EdgeInsets.only(right: 10),
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Container(
margin: EdgeInsets.all(5),
child: Icon(Icons.add, size: 30, color: Colors.greenAccent),
),
Container(
margin: EdgeInsets.all(5),
child: Icon(Icons.edit, size: 30, color: Colors
.greenAccent),
),
Container(
margin: EdgeInsets.all(5),
child: Icon(Icons.airplanemode_active, size: 30, color: Colors
.greenAccent),
),
],
),
),
],
),
),
Container(
margin: EdgeInsets.all(8),
padding: EdgeInsets.all(5),
height: 100,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(50),
color: Colors.black,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Container(
alignment: Alignment.centerLeft,
//margin: EdgeInsets.only(left: 20),
child: Icon(
Icons.account_circle_rounded,
size: 50,
color: Colors.white,
),
),
Container(
margin: EdgeInsets.only(left: 0, right: 20),
alignment: Alignment.centerLeft,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Murat Bilginer",
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: Colors.white),
textAlign: TextAlign.left,
),
SizedBox(
height: 10,
),
Text(
"0 000 658 72 50",
style: TextStyle(
fontSize: 15,
fontWeight: FontWeight.normal,
color: Colors.amber),
textAlign: TextAlign.right,
)
],
),
),
Container(
alignment: Alignment.centerRight,
//margin: EdgeInsets.only(right: 10),
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Container(
margin: EdgeInsets.all(5),
child: Icon(Icons.add, size: 30, color: Colors.greenAccent),
),
Container(
margin: EdgeInsets.all(5),
child: Icon(Icons.edit, size: 30, color: Colors
.greenAccent),
),
Container(
margin: EdgeInsets.all(5),
child: Icon(Icons.airplanemode_active, size: 30, color: Colors
.greenAccent),
),
],
),
),
],
),
),
Container(
margin: EdgeInsets.all(8),
padding: EdgeInsets.all(5),
height: 100,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(50),
color: Colors.black,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Container(
alignment: Alignment.centerLeft,
//margin: EdgeInsets.only(left: 20),
child: Icon(
Icons.account_circle_rounded,
size: 50,
color: Colors.white,
),
),
Container(
margin: EdgeInsets.only(left: 0, right: 20),
alignment: Alignment.centerLeft,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Murat Bilginer",
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: Colors.white),
textAlign: TextAlign.left,
),
SizedBox(
height: 10,
),
Text(
"0 000 658 72 50",
style: TextStyle(
fontSize: 15,
fontWeight: FontWeight.normal,
color: Colors.amber),
textAlign: TextAlign.right,
)
],
),
),
Container(
alignment: Alignment.centerRight,
//margin: EdgeInsets.only(right: 10),
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Container(
margin: EdgeInsets.all(5),
child: Icon(Icons.add, size: 30, color: Colors.greenAccent),
),
Container(
margin: EdgeInsets.all(5),
child: Icon(Icons.edit, size: 30, color: Colors
.greenAccent),
),
Container(
margin: EdgeInsets.all(5),
child: Icon(Icons.airplanemode_active, size: 30, color: Colors
.greenAccent),
),
],
),
),
],
),
),
Container(
margin: EdgeInsets.all(8),
padding: EdgeInsets.all(5),
height: 100,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(50),
color: Colors.black,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Container(
alignment: Alignment.centerLeft,
//margin: EdgeInsets.only(left: 20),
child: Icon(
Icons.account_circle_rounded,
size: 50,
color: Colors.white,
),
),
Container(
margin: EdgeInsets.only(left: 0, right: 20),
alignment: Alignment.centerLeft,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Murat Bilginer",
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: Colors.white),
textAlign: TextAlign.left,
),
SizedBox(
height: 10,
),
Text(
"0 000 658 72 50",
style: TextStyle(
fontSize: 15,
fontWeight: FontWeight.normal,
color: Colors.amber),
textAlign: TextAlign.right,
)
],
),
),
Container(
alignment: Alignment.centerRight,
//margin: EdgeInsets.only(right: 10),
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Container(
margin: EdgeInsets.all(5),
child: Icon(Icons.add, size: 30, color: Colors.greenAccent),
),
Container(
margin: EdgeInsets.all(5),
child: Icon(Icons.edit, size: 30, color: Colors
.greenAccent),
),
Container(
margin: EdgeInsets.all(5),
child: Icon(Icons.airplanemode_active, size: 30, color: Colors
.greenAccent),
),
],
),
),
],
),
),
],
),
),
),
),
);
}
Bir sonraki projede görüşmek üzere.