Haroon6138
/
doctor_app_flutter
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

add verfication svgs

Browse Source
merge-requests/918/head
Elham Rababh 4 years ago
parent 6c78fda392
commit a02e89febb
4 changed files with 109 additions and 38 deletions
Show Stats Download Patch File Download Diff File

133
lib/widgets/auth/method_type_card.dart
Unescape Escape View File

@ -1,21 +1,91 @@
import 'package:doctor_app_flutter/config/size_config.dart';
import 'package:doctor_app_flutter/widgets/shared/app_texts_widget.dart'; import 'package:doctor_app_flutter/widgets/shared/app_texts_widget.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:hexcolor/hexcolor.dart'; import 'package:hexcolor/hexcolor.dart';
// class MethodTypeCard extends StatelessWidget {
// const MethodTypeCard({
// Key key,
// this.assetPath,
// this.onTap,
// this.label, this.height = 20, this.isSvg = true,
// }) : super(key: key);
// final String assetPath;
// final Function onTap;
// final String label;
// final double height;
// final bool isSvg;
//
// @override
// Widget build(BuildContext context) {
// return InkWell(
// onTap: onTap,
// child: Container(
// margin: EdgeInsets.all(10),
// decoration: BoxDecoration(
// color: Colors.white,
// borderRadius: BorderRadius.all(
// Radius.circular(10),
// ),
// border: Border.all(
// color: HexColor('#707070'),
// width: 0.1),
// ),
// height: 170,
// child: Padding(
// padding: EdgeInsets.fromLTRB(20, 15, 20, 15),
// child: Column(
// mainAxisAlignment: MainAxisAlignment.center,
// crossAxisAlignment: CrossAxisAlignment.start,
// children: <Widget>[
// Row(
// children: [
// isSvg?SvgPicture.asset(assetPath, height: 60,
// width: 60,):Image.asset(
// assetPath,
// height: 60,
// width: 60,
// ),
// ],
// ),
// SizedBox(
// height:height ,
// ),
// AppText(
// label,
// fontSize: 14,
// color: Color(0xFF2E303A),
// fontWeight: FontWeight.bold,
// )
// ],
// ),
// )),
// );
// }
// }
//
//
//
class MethodTypeCard extends StatelessWidget { class MethodTypeCard extends StatelessWidget {
const MethodTypeCard({ const MethodTypeCard({
Key key, Key key,
this.assetPath, this.assetPath,
this.onTap, this.onTap,
this.label, this.height = 20, this.label,
this.height = 20, this.isSvg = true,
}) : super(key: key); }) : super(key: key);
final String assetPath; final String assetPath;
final Function onTap; final GestureTapCallback onTap;
final String label; final String label;
final double height; final double height;
final bool isSvg;
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
double cardHeight = SizeConfig.heightMultiplier * (SizeConfig.isHeightVeryShort? 22 : SizeConfig.isHeightLarge?25:20);
return InkWell( return InkWell(
onTap: onTap, onTap: onTap,
child: Container( child: Container(
@ -25,38 +95,37 @@ class MethodTypeCard extends StatelessWidget {
borderRadius: BorderRadius.all( borderRadius: BorderRadius.all(
Radius.circular(10), Radius.circular(10),
), ),
border: Border.all( border: Border.all(color: HexColor('#707070'), width: 0.1),
color: HexColor('#707070'),
width: 0.1),
), ),
height: 170, height: cardHeight,
child: Padding( child: Padding(
padding: EdgeInsets.fromLTRB(20, 15, 20, 15), padding: const EdgeInsets.all(12.0),
child: Column( child: Center(
mainAxisAlignment: MainAxisAlignment.center, child: Column(
crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[ crossAxisAlignment: CrossAxisAlignment.start,
Row( children: <Widget>[
children: [ isSvg?SvgPicture.asset(assetPath, width: SizeConfig.widthMultiplier* (14),
Image.asset( height: cardHeight * 0.20): Image.asset(
assetPath, assetPath,
height: 60, width: SizeConfig.widthMultiplier* (12),
width: 60, height: cardHeight * 0.35,
), // height: ,
], ),
), SizedBox(
SizedBox( height: height,
height:height , ),
), AppText(
AppText( label,
label, fontSize: SizeConfig.getTextMultiplierBasedOnWidth()* (SizeConfig.isHeightVeryShort?3:3.7),
fontSize: 14, color: Color(0xFF2B353E),
color: Color(0xFF2E303A), fontWeight: FontWeight.w700,
fontWeight: FontWeight.bold, )
) ],
], ),
), ),
)), )),
); );
} }
} }

9
lib/widgets/auth/verification_methods_list.dart
Unescape Escape View File

@ -37,7 +37,7 @@ class _VerificationMethodsListState extends State<VerificationMethodsList> {
switch (widget.authMethodType) { switch (widget.authMethodType) {
case AuthMethodTypes.WhatsApp: case AuthMethodTypes.WhatsApp:
return MethodTypeCard( return MethodTypeCard(
assetPath: 'assets/images/verify-whtsapp.png', assetPath: 'assets/images/svgs/verification/verify-whtsapp.svg',
onTap: () => onTap: () =>
{widget.authenticateUser(AuthMethodTypes.WhatsApp, true)}, {widget.authenticateUser(AuthMethodTypes.WhatsApp, true)},
label: TranslationBase label: TranslationBase
@ -47,7 +47,7 @@ class _VerificationMethodsListState extends State<VerificationMethodsList> {
break; break;
case AuthMethodTypes.SMS: case AuthMethodTypes.SMS:
return MethodTypeCard( return MethodTypeCard(
assetPath: "assets/images/verify-sms.png", assetPath: "assets/images/svgs/verification/verify-sms.svg",
onTap: () => {widget.authenticateUser(AuthMethodTypes.SMS, true)}, onTap: () => {widget.authenticateUser(AuthMethodTypes.SMS, true)},
label:TranslationBase label:TranslationBase
.of(context) .of(context)
@ -56,7 +56,7 @@ class _VerificationMethodsListState extends State<VerificationMethodsList> {
break; break;
case AuthMethodTypes.Fingerprint: case AuthMethodTypes.Fingerprint:
return MethodTypeCard( return MethodTypeCard(
assetPath: 'assets/images/verification_fingerprint_icon.png', assetPath: 'assets/images/svgs/verification/verify-finger.svg',
onTap: () async { onTap: () async {
if (await widget.authenticationViewModel if (await widget.authenticationViewModel
.checkIfBiometricAvailable(BiometricType.fingerprint)) { .checkIfBiometricAvailable(BiometricType.fingerprint)) {
@ -71,7 +71,7 @@ class _VerificationMethodsListState extends State<VerificationMethodsList> {
break; break;
case AuthMethodTypes.FaceID: case AuthMethodTypes.FaceID:
return MethodTypeCard( return MethodTypeCard(
assetPath: 'assets/images/verification_faceid_icon.png', assetPath: 'assets/images/svgs/verification/verify-face.svg',
onTap: () async { onTap: () async {
if (await widget.authenticationViewModel if (await widget.authenticationViewModel
.checkIfBiometricAvailable(BiometricType.face)) { .checkIfBiometricAvailable(BiometricType.face)) {
@ -88,6 +88,7 @@ class _VerificationMethodsListState extends State<VerificationMethodsList> {
return MethodTypeCard( return MethodTypeCard(
assetPath: 'assets/images/login/more_icon.png', assetPath: 'assets/images/login/more_icon.png',
onTap: widget.onShowMore, onTap: widget.onShowMore,
isSvg: false,
label: TranslationBase.of(context).moreVerification, label: TranslationBase.of(context).moreVerification,
height: 0, height: 0,
); );

2
pubspec.lock
Unescape Escape View File

@ -516,7 +516,7 @@ packages:
source: hosted source: hosted
version: "0.3.4" version: "0.3.4"
flutter_svg: flutter_svg:
dependency: transitive dependency: "direct main"
description: description:
name: flutter_svg name: flutter_svg
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"

3
pubspec.yaml
Unescape Escape View File

@ -60,7 +60,7 @@ dependencies:
# Use with the CupertinoIcons class for iOS style icons. # Use with the CupertinoIcons class for iOS style icons.
cupertino_icons: ^0.1.2 cupertino_icons: ^0.1.2
# SVG # SVG
#flutter_svg: ^0.17.4 flutter_svg: ^0.18.1
percent_indicator: ^2.1.1 percent_indicator: ^2.1.1
#Dependency Injection #Dependency Injection
@ -130,6 +130,7 @@ flutter:
- assets/images/ - assets/images/
- assets/images/dashboard/ - assets/images/dashboard/
- assets/images/login/ - assets/images/login/
- assets/images/svgs/verification/
- assets/images/patient/ - assets/images/patient/
- assets/images/patient/vital_signs/ - assets/images/patient/vital_signs/

Write Preview
Loading…
Cancel
Save