row with column
Mon Apr 29 2024 07:27:23 GMT+0000 (Coordinated Universal Time)
Saved by @salauddin01
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return const MaterialApp(
title: 'Flutter Demoooooo',
debugShowCheckedModeBanner: false,
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
const MyHomePage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.cyan[100],
appBar: AppBar(
title: const Text("Flutter ROW"),
backgroundColor: Colors.blueAccent,
), //appbar
body: Container(
width: 350,
height: 200,
color: Colors.green,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"A",
style: TextStyle(fontSize: 10, fontWeight: FontWeight.bold),
),
Text(
"N",
style: TextStyle(fontSize: 10, fontWeight: FontWeight.bold),
),
Text(
"S",
style: TextStyle(fontSize: 10, fontWeight: FontWeight.bold),
),
Text(
"M",
style: TextStyle(fontSize: 10, fontWeight: FontWeight.bold),
),
],
),
Text(
"N ",
style: TextStyle(fontSize: 10, fontWeight: FontWeight.bold),
),
Text(
"S",
style: TextStyle(fontSize: 10, fontWeight: FontWeight.bold),
),
Text(
"M",
style: TextStyle(fontSize: 10, fontWeight: FontWeight.bold),
),
ElevatedButton(
onPressed: () {
print('It is pressed');
},
child: Text('Button'),
style: TextButton.styleFrom(backgroundColor: Colors.orange),
)
],
),
)); //scaffold
}
}



Comments