Preview:
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 margin padding"),
        backgroundColor: Colors.blueAccent,
      ), //appbar
      body: Center(
    child: OutlinedButton(
        child: const Text('Elevated button',style: TextStyle(fontWeight: FontWeight.bold)),
        onPressed: (){
          print("text button in clicked");
        },
      onLongPress: (){
          print('long press clicked');
      },
      style: TextButton.styleFrom(backgroundColor: Colors.orange),
      )
    ),
    );
  }
}
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