Scribd
Upload
24 views1 page

Flutter Buttons

This document is a Flutter application code that creates a simple user interface with an app bar, a centered icon button, and a floating action button. The app bar features a title with specific styling, while the icon button prints a message when clicked. The code demonstrates basic Flutter widget structure and styling conventions.

Uploaded by

Nguyễn Xuân Nam
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
24 views1 page

Flutter Buttons

This document is a Flutter application code that creates a simple user interface with an app bar, a centered icon button, and a floating action button. The app bar features a title with specific styling, while the icon button prints a message when clicked. The code demonstrates basic Flutter widget structure and styling conventions.

Uploaded by

Nguyễn Xuân Nam
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

import 'package:flutter/material.

dart';

void main() => runApp(MaterialApp(


//base layout
home: Home()));

//stless shortcut to create a class


// how to stop connection auto terminated
class Home extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
//convention of widget name
appBar: AppBar(
title: Text(
'My first app',
style: TextStyle(
fontSize: 40.0,
fontWeight: FontWeight.bold,
color: Colors.grey[600],
fontFamily: 'Poppins',
fontStyle: FontStyle.normal,
),
),
backgroundColor: Colors.pinkAccent[200],
centerTitle: true,
),
body: Center(
// properties nested inside
child: IconButton(
onPressed: () => print('Click me'),
iconSize: 50,
color: Colors.green[400],
icon: Icon(Icons.mail),
style: IconButton.styleFrom(
backgroundColor: Colors.green[700],
),
)
), // image: AssetImage('assets/OIP.jpg'),
floatingActionButton: FloatingActionButton(
onPressed: () {},
child: Text('click'),
)
);
}
}

// breakpoint is what the heck in debugging

You might also like