Banner 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 BannerWidget extends StatelessWidget {
const BannerWidget({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Banner Widget"),
),
body: Center(
child: Container(
margin: const EdgeInsets.all(10.0),
child: ClipRect(
child: Banner(
message: "25% off",
location: BannerLocation.topEnd,
color: Colors.red,
child: Container(
color: Colors.blueGrey,
child: Padding(
padding: const EdgeInsets.fromLTRB(10, 20, 10, 20),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Image.network(
'https://tinyurl.com/5n8ywvw3',
),
const SizedBox(height: 10),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
const Text(
'Flutter Course (Beginners)',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
ElevatedButton(
onPressed: () {},
style: ElevatedButton.styleFrom(
backgroundColor: Colors.orangeAccent,
),
child: const Text('Get Now'),
),
],
)
],
),
),
),
),
),
),
),
);
}
}