Switch to hide and show password, suffix Eye icon to show and hide password

here it is we need to add some few other parameters for it to hide those letters so let's go back to it and in here we can use this attribute and set it to false and nothing changed so let's set it to true so here it is now it would be better if we add an icon in here so the user can switch it to see his password or he can hide it so for that let's initialize a suffix icon in here and it's going to be adjuster detector we can add on top for it and once the user press on it we need to do something so let's make this value dynamic so for that let's initialize a boolean at the top of this widget so in here let's say ball underscore secure text and let's initialize it to true and in here let's use this value and once the user press on this icon in here we need to change the value for it just like this now we need to give a child for this gesture detector so let's say icon and check the value of the obscure text if it is true we need to show the icon dot visibility if it's not we can't choose the value dot visibility of this one let's save it here it is now once i press on it nothing changed that's because with any call state for this so let's call in here set state and paste it in here now i will save it try it again here it is it is working as we expected

Channel: Coding with Hadi

Views: 22,453

Keywords: #Flutter, #IOS, #Android, #Developmemt, Programming, mobile, MobileDevelopment, SliverAppbar, CustomSliverAppbar, FlutterDesign, Design, Animations, ECommerce, Cart, Cartfull, CartDesign, userCart, checkout, checkoutsectiondesign, price, total, appbar, badge, FlutterBadge, swipper, carousel, category, design, categories, Search, E-commerce, searchez, #landingpage, langing page, moving background, auth, authentication, login, signup, register, password, password on, password off, show password, hide password

Id: ljIdn_F_0c0

Length: 2min 20sec (140 seconds)

Published: Wed May 05 2021