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 } }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter