Scaffold Widget
Project Preview
- Interested in seeing the live demo? Click here to explore.
- Want to view the source code? Visit the project on GitHub.
Code Snippet
import 'package:flutter/material.dart';
class ScaffoldWidget extends StatefulWidget {
const ScaffoldWidget({super.key});
@override
State<ScaffoldWidget> createState() => _ScaffoldWidgetState();
}
class _ScaffoldWidgetState extends State<ScaffoldWidget> {
int _count = 0;
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.orangeAccent,
appBar: AppBar(
title: const Text("Flutter Mapp"),
),
body: Center(
child: ElevatedButton(
onPressed: () {},
child: const Text('Click'),
),
),
drawer: const Drawer(
child: SafeArea(
child: ListTile(
title: Text('Click'),
),
),
),
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
floatingActionButton: FloatingActionButton(
backgroundColor: Colors.white,
onPressed: () => setState(() => _count++),
tooltip: 'Increment Counter',
child: const Icon(Icons.add),
),
bottomNavigationBar: BottomNavigationBar(
items: const [
BottomNavigationBarItem(
icon: Icon(Icons.home),
label: 'Home',
),
BottomNavigationBarItem(
icon: Icon(Icons.person),
label: 'Profile',
),
],
onTap: (int index) {},
selectedItemColor: Colors.orangeAccent,
),
);
}
}