nekoya/app
nekoya/app
1
0
Fork 0
Code Issues Pull requests Projects Releases 5 Packages Wiki Activity

Add Subscribe Butoon on Newsletter screen

Browse source
This commit is contained in:
Kelvin Samuel 2022-05-16 14:58:22 +07:00
parent 8e8a2012a8
commit 58fe47675c
2 changed files with 86 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
assets/icons/email.svg Normal file
View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
<path id="Mail" d="M58.0034485,8H5.9965506c-3.3136795,0-5.9999995,2.6862001-5.9999995,6v36c0,3.3137016,2.6863203,6,5.9999995,6
h52.006897c3.3137016,0,6-2.6862984,6-6V14C64.0034485,10.6862001,61.3171501,8,58.0034485,8z M62.0034485,49.1108017
L43.084549,30.1919994l18.9188995-12.0555992V49.1108017z M5.9965506,10h52.006897c2.2056007,0,4,1.7943001,4,4v1.7664003
L34.4677505,33.3134003c-1.4902,0.9492989-3.3935013,0.9199982-4.8495998-0.0703011L1.9965508,14.4694996V14
C1.9965508,11.7943001,3.7910507,10,5.9965506,10z M1.9965508,16.8852005L21.182251,29.9251003L1.9965508,49.1108017V16.8852005z
M58.0034485,54H5.9965506c-1.6473999,0-3.0638998-1.0021019-3.6760998-2.4278984l20.5199013-20.5200024l5.6547985,3.843401
c1.0859013,0.7383003,2.3418007,1.1083984,3.5995998,1.1083984c1.1953011,0,2.3925018-0.3339996,3.4463005-1.0048981
l5.8423996-3.7230015l20.2961006,20.2961025C61.0673485,52.9978981,59.6508713,54,58.0034485,54z"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

52
lib/components/newsletter.dart
View file

@ -1,4 +1,6 @@
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:nekoya_flutter/utils/utils.dart';
const OutlineInputBorder outlineInputBorder = OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
@ -38,15 +40,47 @@ class Newsletter extends StatelessWidget {
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,
),
filled: true,
fillColor: const Color(0xff212226),
hintText: "Input Your Email",
hintStyle: const TextStyle(color: Colors.white),
border: outlineInputBorder,
enabledBorder: outlineInputBorder,
focusedBorder: outlineInputBorder,
errorBorder: outlineInputBorder,
prefixIcon: Padding(
padding: const EdgeInsets.all(14),
child: SvgPicture.asset(
"assets/icons/email.svg",
color: Colors.white,
width: 21.5,
height: 21.5,
),
),
suffixIcon: Padding(
padding: const EdgeInsets.symmetric(
horizontal: defaultPadding,
vertical: defaultPadding / 2),
child: SizedBox(
width: 100,
height: 48,
child: ElevatedButton(
style: ElevatedButton.styleFrom(
primary: const Color(0xff8B0000),
shape: const RoundedRectangleBorder(
borderRadius:
BorderRadius.all(Radius.circular(12)),
)),
onPressed: () {},
child: const Text(
'SUBSCRIBE',
style: TextStyle(
fontSize: 12.0,
),
),
),
),
)),
)),
],
),