Design flutter UI with DRY Technique

  Рет қаралды 74,873

The CS Guy

The CS Guy

Күн бұрын

Пікірлер: 65
@jiwachhetri4165
@jiwachhetri4165 4 жыл бұрын
Yoooo, this is amazing. Please post more videos like this 🙏🏼!!
@auliasabril1899
@auliasabril1899 3 жыл бұрын
Clear description and all step, thanks
@mizanur_sajid
@mizanur_sajid 3 жыл бұрын
Awesome Explanation...Carry On Brother!
@Boogeyxx91
@Boogeyxx91 5 жыл бұрын
You are good bro,, keep up the work... You don't need more motivation Your work has already motivated me... Keep it up
@eddahilaymen
@eddahilaymen 4 жыл бұрын
Great explaining, thank you! just one request if I may, please try to show the emulator from the start and keep hot reloading so we can understand what does the code change in the UI. Wonderful work
@TheCSGuy
@TheCSGuy 4 жыл бұрын
Thanks for the feedback.
@muurimc
@muurimc 3 жыл бұрын
Oh, really informative and well explained video
@khazeena_anwar
@khazeena_anwar Жыл бұрын
Great Explain 👍 Thanku 🙏
@guruhkharisma
@guruhkharisma 5 жыл бұрын
I am new in flutter. Your video is very good. Thanks for sharing it. Keep up a good work. I'll look forward your next video tutorial.
@Akr09145
@Akr09145 5 жыл бұрын
How long have you been learning flutter and can you please specify what are your resources?
@oyejohnson
@oyejohnson 5 жыл бұрын
My brother, thank you so much.
@parfaittapsoba754
@parfaittapsoba754 2 жыл бұрын
Very helpful!!!!
@jiwachhetri7681
@jiwachhetri7681 4 жыл бұрын
12:30 have you got extra info / article I can read on this, I'm really confused on why you have a call for _map() function followed by more code.... return container ( )
@jiwachhetri7681
@jiwachhetri7681 4 жыл бұрын
I had to refactor the code since the lambda / anonymous function and etc was getting too confusing. Anyone that is confused by that part of the code at 12:30 can use this( it does the same thing but is more clear): static final List imgList = currentCar.imgList; final List child = _map(imgList).toList(); // this calls the _map function // the below two function converts the string name to string container / widget static List _map(imgList) { List result = []; for (var i = 0; i
@Cat-yd8vo
@Cat-yd8vo 4 жыл бұрын
I'm not too familiar with how the stream 32:40 works. But, I am getting "Bad State: Stream has already been listened to". Online solutions say to make it broadcast as a solution. Are you getting this error too?
@sach2274
@sach2274 4 жыл бұрын
bro i think you should keep the emulator at the side of the coding because we don't know work of some widgets perfectly so it can be easy viewing from there
@TheCSGuy
@TheCSGuy 4 жыл бұрын
Got it, will take that into consideration while doing future UI Videos. Thanks.
@sayam56
@sayam56 4 жыл бұрын
Hi! Dont know If I am too late to this, but I am a beginner in flutter, I was wondering how I could change that rent button to a next car button that would show me the next car . I know I have to use the onpressed() to manipulate the data. but could you please point me to the right direction. Thank you VERY MUCH!
@mjmontes2653
@mjmontes2653 5 жыл бұрын
better if you put the output on the right side always to reflect the changes from the code.....nice tutorial though
@adamtak3128
@adamtak3128 5 жыл бұрын
I'm about to go to sleep so can't check this out now but looking forward to it tomorrow :) Looks awesome.
@augustoliver351
@augustoliver351 4 жыл бұрын
Nice video
@nickyn286
@nickyn286 5 жыл бұрын
Thank you for your videos. This one got complex in the mapping thing but it has helped me to know where else to learn more into in flutter
@TheCSGuy
@TheCSGuy 5 жыл бұрын
Good to see that you are taking these matters so positively. Everyone's got to learn a lot.
@fachrudineffendi5658
@fachrudineffendi5658 5 жыл бұрын
good job👍👍
@anuragdeore
@anuragdeore 4 жыл бұрын
Amazing Video . but i've got a problem with verticaldrag it just wont work ! only tap works.
@tigakaliditipuplaystore5226
@tigakaliditipuplaystore5226 5 жыл бұрын
what do you use plugin for visual code bro?
@elishakyambadde8183
@elishakyambadde8183 5 жыл бұрын
Thank you for the wonderful turtorial,..is it possible to take us through designing a backend for this as well as a home page that has several car options that link up to this page?..thank you
@TheCSGuy
@TheCSGuy 4 жыл бұрын
You can check out the skype clone series in Flutter, there we do a lot of backend related operations, and approaches which you can use in any of your own apps as well.
@patricioeb
@patricioeb 4 жыл бұрын
Great! I'm starting on developing with VSC and Flutter but can't get my Android device connected properly (USB or net) for testing my apps. Can you help or refer me to a good tutorial on the subject? Thx & greets from Tenerife.
@TheCSGuy
@TheCSGuy 4 жыл бұрын
Hey, have you tried to run the app via Android Studio on a physical device. Maybe you need to enable USB debugging on your device.
@shxrxf
@shxrxf 5 жыл бұрын
Hi, I would like to know which emulator you use and how to connect it?
@ramakrishnap5732
@ramakrishnap5732 5 жыл бұрын
nice bro
@MujahidOmer
@MujahidOmer 5 жыл бұрын
Just what I was looking for. Thank You 😁
@SHAJ.T3CH
@SHAJ.T3CH 5 жыл бұрын
good one (y)
@usri100
@usri100 5 жыл бұрын
Sorry want to ask, does the bottom sheetworks on every smartphone? coz im stuck at 18:34 :'( my bottomsheet wont expand, the ontap triggered
@TheCSGuy
@TheCSGuy 5 жыл бұрын
Hmm, try the onTap function. Maybe you are making some mistake over there, cauz the model and brand of smartphone doesn't matter. It should work everywhere.
@usri100
@usri100 5 жыл бұрын
@@TheCSGuy ya i got it. my miskate, thanks 😂
@akhilprazapati6148
@akhilprazapati6148 4 жыл бұрын
wao type
@henrygabriel3929
@henrygabriel3929 5 жыл бұрын
Where did u learn flutter ? docs ?
@TheCSGuy
@TheCSGuy 5 жыл бұрын
Hey there, for me docs and medium article's were really helpful. Then these youtube videos also proved to be a good source since they show a combination of all the things that you learn from docs and articles. So you get to know how to implement those things.
@neerajtiwari5541
@neerajtiwari5541 5 жыл бұрын
Sir how use to use device_info package and fingerprints and all
@k.sitsolutionscompany9399
@k.sitsolutionscompany9399 4 жыл бұрын
sir beginners ke liye bahut mushkil hai aap ka app samajh na ek video basic variable wali MAP PAR ek video Banaiye
@TareqAlmadhoun
@TareqAlmadhoun 5 жыл бұрын
Thanks.. Great
@neteshpaudel724
@neteshpaudel724 5 жыл бұрын
how to make drawer scrollable ? i have created dashboard on it but I cant scroll lower parts . What to do ?
@TheCSGuy
@TheCSGuy 5 жыл бұрын
Just wrap all the widgets present inside of a drawer with a listview. At 19:41, I did that.
@aliakber6638
@aliakber6638 4 жыл бұрын
Why are you using list of map instead of a map only? A map can contain multiple items.
@TheCSGuy
@TheCSGuy 4 жыл бұрын
Because we wanted to loop through a list of Maps.
@aliakber6638
@aliakber6638 4 жыл бұрын
A map contains a list of objects that has the following signature : . so a Map is structured like this: Map x = [ , , … ]; U can iterate through the map object itself. Don't need a list of it.
@TheCSGuy
@TheCSGuy 4 жыл бұрын
@@aliakber6638 Thanks for the insight. I prefer doing it this way, besides I wasn't very familiar with the approach you are suggesting. If you can reach the end goal with the help of your approach and feel more comfortable using that than you could use that as well.
@neteshpaudel724
@neteshpaudel724 5 жыл бұрын
drawer handle is not showing in my app . I tried a lot but not working, even i copied code from github ....still no result
@TheCSGuy
@TheCSGuy 5 жыл бұрын
It's hard to say what could go wrong. Maybe try changing the colour, or rerun the app. Or maybe remove some widget to see that the UI isn't getting freezed.
@neteshpaudel724
@neteshpaudel724 5 жыл бұрын
@@TheCSGuy there is one error it shows underline on sheetItemHeight =110;
@TheCSGuy
@TheCSGuy 5 жыл бұрын
Well, the only thing that I could think of is that, probably its taking sheetItemHeight as an int. Try writing double sheetItemHeight = 110 or var sheetItemHeight = 110.0
@gauravpatil1867
@gauravpatil1867 5 жыл бұрын
Hello sir how we can see that code output in vs code like as you do during development on right hand side, phone like view
@TheCSGuy
@TheCSGuy 5 жыл бұрын
Hi. That's not a feature of vscode, I just use a live recording of my physical device. If you want to do that, you can use an android emulator and open it side by side.
@melonggamingchannel
@melonggamingchannel 5 жыл бұрын
that first 4 minute, copas so many code, and skip it; We cant follow all that code
@TheCSGuy
@TheCSGuy 5 жыл бұрын
I understand your concern, that's just some hardcoded model data, it would be a waste of time for you to see me writing all that. Therefore, I simply copied it. You can too, copy it from the source repository mentioned in the description and analyse it.
@joseangeltamaronirodriguez9837
@joseangeltamaronirodriguez9837 5 жыл бұрын
Se puede hacer esta app en Ionic ??
@TheCSGuy
@TheCSGuy 5 жыл бұрын
I haven't tried IONIC before. But I think it can be made in ionic as well.
@landside1
@landside1 5 жыл бұрын
Thanks for the tutorial, but at the very beginning, I can no longer follow it, as for some reason I get an error "The name ''Icon' isn't a type so it can't be used as a type argument" on the line List. Perhaps know how to solve it? I am using android studio.
@TheCSGuy
@TheCSGuy 5 жыл бұрын
Have you imported the material.dart library?
@landside1
@landside1 5 жыл бұрын
@@TheCSGuy Thanks for a fast reply, just now did it, and it works, thanks :)
@veermetri05
@veermetri05 4 жыл бұрын
Are you Indian? If yes, speak in an Indian accent? Why?
@TheCSGuy
@TheCSGuy 4 жыл бұрын
Yes, I am Indian. I don't know about accent, while recording, whatever comes out just comes out the way it does. I can't really help it.
Introduction to BLOC and Cupertino Package | Flutter Tutorial
25:24
How to make Pixel Perfect UIs in Flutter
51:04
The CS Guy
Рет қаралды 99 М.
Real Man relocate to Remote Controlled Car 👨🏻➡️🚙🕹️ #builderc
00:24
Hoodie gets wicked makeover! 😲
00:47
Justin Flom
Рет қаралды 94 МЛН
Human vs Jet Engine
00:19
MrBeast
Рет қаралды 197 МЛН
REAL MAN 🤣💪🏻
00:35
Kan Andrey
Рет қаралды 42 МЛН
Shopping App UI Design in Flutter - E-Commerce App UI Design Flutter
1:30:56
Making Complex UI - Flutter Tutorial
33:30
The CS Guy
Рет қаралды 110 М.
DRM explained - How Netflix prevents you from downloading videos?
18:17
Mehul - Codedamn
Рет қаралды 201 М.
Plant App - Flutter UI - Speed Code
30:30
The Flutter Way
Рет қаралды 1 МЛН
Top 12 Flutter Tips & Tricks
9:32
Fireship
Рет қаралды 270 М.
Flutter Travel UI Tutorial | Apps From Scratch
1:02:49
Marcus Ng
Рет қаралды 468 М.
Complex Animations in Flutter using Rive | Flare
15:44
FilledStacks
Рет қаралды 226 М.
Online Shop App - Flutter UI - Speed Code
31:34
The Flutter Way
Рет қаралды 859 М.
Top 10 Widgets every Flutter Developer should know!
17:17
RetroPortal Studio
Рет қаралды 282 М.
Real Man relocate to Remote Controlled Car 👨🏻➡️🚙🕹️ #builderc
00:24