ExpandIcon 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 ExpandIconWidget extends StatefulWidget {
const ExpandIconWidget({super.key});
@override
State<ExpandIconWidget> createState() => _ExpandIconWidgetState();
}
class _ExpandIconWidgetState extends State<ExpandIconWidget> {
bool _isExpanded = false;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("ExpandIcon Widget"),
),
body: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
color: Colors.orangeAccent,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Container(
padding: const EdgeInsets.all(10.0),
child: const Text(
'Title',
style: TextStyle(color: Colors.white, fontSize: 22),
),
),
ExpandIcon(
isExpanded: _isExpanded,
color: Colors.white,
expandedColor: Colors.black,
onPressed: (bool isExpanded) {
setState(() {
_isExpanded = !isExpanded;
});
},
)
],
),
),
if (_isExpanded)
const Padding(
padding: EdgeInsets.all(15),
child: Text('Flutter Mapp'),
)
],
),
);
}
}