Flutter Design UI for Simple Interest Calculator App. Flutter Tutorial with Dart #3.5

Access 7000+ courses for 60 days FREE: pluralsight.pxf.io/c/1291657/...
Flutter Dart Tutorial. Learn how to break down UI into simpler pieces and design a User Interface using Dart language. Create UI using Image Asset, TextField, Drop Down button and Text and wrap them in Column, ListView, MaterialApp, Scaffold widgets.
Next Video: • Flutter Styles and The...
Previous Video: • Flutter DropdownButton...
Code for this video: bit.ly/2ve2qkw
Full Source code files: bit.ly/2NINczC .
.
Please donate and support my work
(If you think my free tutorials are better than paid ones :)
- Patreon: bit.ly/patreon-donate
- Paypal/Payoneer: [e-mail]
- UPI (only for India): smartherd@okaxis
:: If you want to develop a website or a mobile app, email me your requirement at [e-mail] :: Free demos provided beforehand ::
- Access my premium courses: bit.ly/sriyank-courses
Free Programming courses:
- Ruby Programming: bit.ly/smyt-r
- Dart Programming: bit.ly/smyt-d
- Kotlin Programming: bit.ly/smyt-k
- Java Programming: bit.ly/smyt-j
- Kotlin Coroutines: bit.ly/smyt-coru
Free Flutter course:
- Flutter App Development: bit.ly/2Rg7EFR
Free Android courses:
- Android using Kotlin: bit.ly/smyt-ka
- Android using Java: bit.ly/smyt-ja
- Android Material Design: bit.ly/2SMJqU6
- Android Jetpack Architecture: bit.ly/yt-j
- Android Multiple Screen Support: bit.ly/smyt-mss
- Android Retrofit: bit.ly/2Ee6GHn
More free programming courses:
- bit.ly/smy-list
Check out my website:
- bit.ly/smartherd
Let's get in touch! [Sriyank Siddhartha]
LinkedIn: bit.ly/sriyank-linkedin
Facebook: bit.ly/smartherd-facebook
Instagram: bit.ly/sriyank-instagram
Twitter: bit.ly/sriyank-twitter
Github: bit.ly/smartherd-github
--- Thank you for your love and support ---

[@shahrukhahmed9505]

I have never seen such a simple & beautiful tutorial in my life Thanks buddy.

[@k.c.wangmowangmo4365]

feel so nice to hear your way of saying 'PERFECT'...loved your explanation

[@jv18creator]

This is the best Flutter course on KZbin. Very well Smartherd 😍

[@ajayshukla7238]

Thank you so much for the tutorial. 🤩 For viewers, if you are facing issue like "overflow", also keep following. this problem is resolved last 3-4 min of current video 😃

[@nassera.h5339]

thanks a lot, beautiful tutorial

[@ahmedabed6652]

pretty simple isn't? thank you so much for making this course!

[@josejaimes4965]

Awesome explication. Congrats & thanks for sharing.

[@jijeeshpadmanabhan350]

very informative and the way of presentation of the class is so good.

[@Shabeeb484]

Thank you soo much for this beautiful tutorial...

[@lalitpatel6819]

Fan ho gya tera bhai 😘 superb

[@muzammilahsan2727]

Simplly awesome tutorial...best explanation... Thanks bro!

[@raul286162]

"resizeToAvoidBottomPadding" is now deprecated you can use instead "resizeToAvoidBottomInset".

[@delwarhossain43]

Just awesome and great. Thanks a lot.

[@karimovitche]

Great work, very clean very nice :)

[@smartherd]

Thanks

[@ibnunuur1349]

Nice and perfect bro

[@krishnakumarramachandran5888]

Another One Good Video bro.

[@smartherd]

Thanks

[@rohanpatil8417]

For DropDownArrowIcon be at the end, add this to the DropDownButton isExpanded: true

[@Webdesignanddevelopment]

Thanks, helpful video

[@smartherd]

Ur welcome :: Also, check out my personal KZbin Vlog channel: bit.ly/sriyank-vlog

[@krishnakumarramachandran5888]

whether we can use margin inside textfield widget and dropdownbutton widget?

[@hasan8267]

you are the best

[@smartherd]

Thanks

[@rohit_dev]

Or can you please make a video on system requirements for flutter

[@Raranha12]

How can I download the image money.png? I didn't find it on github lists. Many thanks and congratulations. Excellents videos

[@gunjandesai6986]

Much better isn't it??

[@niteshrathore4341]

i am getting some error there when i make the Text field . the Error is pixel Bottom Overflows by the 38 Pixels. what can i do to resolve that kind of problem

[@floridosmarpepa8904]

5:52 after editing the pubspec.yaml i get the dependencies, but when I run I get error "No file or variants found for asset: images/money.png. Edit: i create the folder in which i putted the images in lib and not the main app directory.

[@Nizark-dj9uf]

Try to create the asset folder in the same place of de pugbspec.yaml

[@rajatarora9139]

How image moved to center?

[@MdYousuf-gw2dn]

why the image came into center when we use textfield? can anyone explain please :(

[@siddiquekhalid3583]

pretty simple, isn't it.

[@rajdhakad7380]

That's the problem with flutter, the code is so messy if after 2 days I visit to make some changes I will have a hard time!

[@smartherd]

I agree

[@rajdhakad7380]

@@smartherd but it's same as frontend in web, there also we see long div elements, I expect google to try something different.

[@halfrockstarpro6412]

@@rajdhakad7380 I have seen some people use BLoC with Flutter with good results, for me I am experimenting on Flutter but I haven't decided yet to use other methods. I guess I need to use traditional ways with Flutter before using available methods by others.

[@BrianAkaBear]

@@halfrockstarpro6412 Its best to create a page for each class and refer to them in the main...

[@nikhilchandna4851]

why did'nt it bring the image in the center initially when you set the margin and how do you know that the margin calculation you set will bring the image at the center please answer

[@ayushghosh265]

You could just use Center(child: Container(child: image)); to bring it to the center

[@GhostNikki]

Someone tell me whats difference between setState(() { _counter++; }); and _counter++; setState(() { }); Above 2 codes works fine

[@rohit_dev]

Can i use flutter in win7 32 bits dual core processor with 2 gb ram?? Please sir reply 😊

[@simplifyit9371]

yes but u need real device for debugging your flutter app

[@Nizark-dj9uf]

I recomend to use a 8gb of ram.

[@cjt8969]

Where is your bank image? I couldn't find it

[@sanjeevgupta8956]

how to contact you sir,

[@sumonchandrashil8406]

Main tera haaye re jabra, Hoye re jabra *Fan* ho gaya. Dislike karnewaloko pitneka man kar raha hai.

[@nisar555]

where is Image source code

[@testingdrish9567]

you should have used SingleChildScrollView instead of ListView

[@davidhadwin3566]

I see that you're still trying to sell these courses when they are completely out of date. You need to update to account for null safety, deprecation and all the other changes.

[@attaroams]

I have never seen such a simple & beautiful tutorial in my life Thanks buddy.