Add Newsletter on Home Screen

This commit is contained in:
Kelvin Samuel 2022-05-16 14:20:27 +07:00
parent 10cd70d7e8
commit 8e8a2012a8
2 changed files with 59 additions and 0 deletions
lib
components
screens

View file

@ -0,0 +1,57 @@
import 'package:flutter/material.dart';
const OutlineInputBorder outlineInputBorder = OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
borderSide: BorderSide.none,
);
class Newsletter extends StatelessWidget {
const Newsletter({
Key? key,
}) : super(key: key);
Widget build(BuildContext context) {
return Column(
children: [
Container(
padding: const EdgeInsets.only(top: 25.0, left: 10.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text(
'Newsletter',
style: TextStyle(
color: Colors.white,
fontSize: 20.0,
fontWeight: FontWeight.bold,
),
),
Text(
'Subscribe to Our Newsletter and get 20% off your first purchase',
style: TextStyle(
color: Colors.white,
fontSize: 13.0,
),
),
Padding(
padding: const EdgeInsets.only(top: 25.0),
child: TextFormField(
decoration: InputDecoration(
filled: true,
fillColor: const Color(0xff212226),
hintText: "Input Your Email",
hintStyle: const TextStyle(color: Colors.white),
border: outlineInputBorder,
enabledBorder: outlineInputBorder,
focusedBorder: outlineInputBorder,
errorBorder: outlineInputBorder,
),
)),
],
),
)
],
);
}
}

View file

@ -3,6 +3,7 @@ import 'package:flutter/material.dart';
import 'package:nekoya_flutter/components/bannerimage.dart';
import 'package:nekoya_flutter/components/carousel.dart';
import 'package:nekoya_flutter/components/new_arrival_products.dart';
import 'package:nekoya_flutter/components/newsletter.dart';
import 'package:nekoya_flutter/components/popular_products.dart';
import 'package:nekoya_flutter/components/search_form.dart';
import 'package:nekoya_flutter/utils/utils.dart';
@ -50,6 +51,7 @@ class Home extends StatelessWidget {
),
const Bannerimage(),
const PopularProducts(),
const Newsletter(),
],
),
),