App 2
App 2
dart';
void main() {
runApp(MyApp());
}
// ignore: non_constant_identifier_names
Text titel_app = const Text(
'Container',
textDirection: TextDirection.ltr,
style: TextStyle(color: Colors.white, fontSize: 25),
);
// ignore: non_constant_identifier_names
MyApp() {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
appBar: AppBar(
actions: const [
Icon(Icons.info_outline, color: Colors.white, size: 35),
Icon(Icons.list_sharp, color: Colors.white, size: 35),
],
leading: const Icon(Icons.arrow_back, color: Colors.white, size: 35),
title: titel_app,
backgroundColor: Colors.blue,
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(
color: Colors.blue,
width: 400,
height: 120,
alignment: Alignment.center,
padding: const EdgeInsets.all(10),
child: const Text(
'I am Container',
style: TextStyle(fontSize: 20, color: Colors.white),
),
),
Transform.rotate(
angle: 0.2,
child: Container(
color: Colors.blue,
height: 75,
alignment: Alignment.center,
padding: const EdgeInsets.only(right: 50, left: 50),
margin: const EdgeInsets.only(top: 43),
child: const Text(
'Hi, I am Slanting',
style: TextStyle(fontSize: 35, color: Colors.white),
),
),
),
Transform.rotate(
angle: 0.2,
child: Container(
color: Colors.blue,
height: 75,
alignment: Alignment.center,
margin: const EdgeInsets.only(top: 20),
child: const Text(
'I am also Slanting, But see my edges',
style: TextStyle(fontSize: 18, color: Colors.white),
),
),
),
Container(
width: 270,
height: 270,
margin: const EdgeInsets.only(top: 40, bottom: 65),
color: Colors.blue,
child: Container(
margin: const EdgeInsets.all(55),
color: Colors.yellow,
child: Container(
margin: const EdgeInsets.all(20),
color: Colors.green,
child: Container(
margin: const EdgeInsets.all(25),
color: Colors.red,
child: Container(
margin: const EdgeInsets.all(10),
color: Colors.blue,
),
),
),
),
)
],
)),
),
);
}