Flutter: Find Widget's Size & Position Using Render Object

  Рет қаралды 17,849

Codepur

Codepur

Күн бұрын

In this video, I will explain how to find any widget's size, width, height and position in flutter.
#Trending #Flutter #RenderObject
Please give stars for this project on git and like the video.
Source Code - github.com/iam...
Read my articles on medium - / imthepk
My portfolio - pawan.live
Flutter UI Kit - goo.gl/N2RxBf
Flutter Example Apps - goo.gl/8hZQkq
Instagram - / codepur_ka_superhero
FB Group - / 425920117856409
Slack Group - letsflutterwit...
New Channel - / codepur
Be sure to ask for help in the comments.
Please Subscribe my channel to motivate me.
Subscribe Our Channel: goo.gl/BlFui4
Connect with us on social media:
Facebook: / mtechviral
Pawan Kumar - / imthepk
Ask Pawan Kumar - / thepawankumaar
Instagram - / codepur_ka_superhero
Twitter: / imthepk
LIKE | SHARE | SUBSCRIBE FOR MORE VIDEOS LIKE THIS
THANKS FOR WATCHING!

Пікірлер: 54
@amrinjaffni4268
@amrinjaffni4268 5 жыл бұрын
Great! I've always been using MediaQuery but that will return the screen size (in my case). But this video taught me how I can access each widget specifically using the key. Thanks a lot!
@rutvikrana512
@rutvikrana512 3 жыл бұрын
You can use LayoutBuilder For That instead of using keys....
@rydmike
@rydmike 5 жыл бұрын
Thanks, this was very informative, I've been wondering how this can be done in Flutter. Really helpful to see this example!
@ssiroma
@ssiroma 3 жыл бұрын
I was using very complicated and error prone ways of getting the size of an image, this works great.Thanks a lot.
@jerinfrancis4509
@jerinfrancis4509 5 жыл бұрын
WidgetBinding.instance will be very useful. Thanks for sharing that with us !
@crazy-man
@crazy-man 2 жыл бұрын
really cool explanation, you can get the size and position very easily
@karimovitche
@karimovitche 5 жыл бұрын
Great, thank you, I hope you make video about different types of key and how to use them.
@abhinkrishnaka1206
@abhinkrishnaka1206 4 жыл бұрын
Aaahh! You are a life saver man 🤩
@michaeljohndequina5184
@michaeljohndequina5184 4 жыл бұрын
Thanks for sharing. it is very useful especially when you want to build a responsive design. Thanks again .
@kamikozzz
@kamikozzz 3 жыл бұрын
Oh my gush, thanks a lot, great guy!
@RaymondAtivie
@RaymondAtivie 5 жыл бұрын
what extension are you using to see your errors and suggesgtions inline in VScode
@indrawow4071
@indrawow4071 5 жыл бұрын
Yes,, i need this too
@HelloCodepur
@HelloCodepur 5 жыл бұрын
It's Error Lens
@indrawow4071
@indrawow4071 5 жыл бұрын
@@HelloCodepur Thx bro
@zireael9797
@zireael9797 4 жыл бұрын
This was one helluva helpful tutorial.
@serkanneo1073
@serkanneo1073 5 жыл бұрын
we are waiting ----- > flutter+graphql (server express+graphql) complete project
@AbrasivMusic
@AbrasivMusic 4 жыл бұрын
Super helpful, thank you.
@LLTletslearn
@LLTletslearn 5 жыл бұрын
Dear Sir, you are amazing at teaching. I request you to make a video on firebase dynamic links plugin for both android and iOS devices. I have implemented it in my app . It is woking fine on android but not working on iOS . So I think your tutorial will be helpful to me. Thank you.
@rutvikrana512
@rutvikrana512 3 жыл бұрын
How To Use It On ListView.Builder ? Because ListView.builder only builds child whenever it needed. And I want To Know each child size before rendering ....
@ajeethrajas7282
@ajeethrajas7282 4 жыл бұрын
thanks
@eugeneng
@eugeneng 4 жыл бұрын
Hi, great video, but this seem not working if put the key into a Stack or Container (contains an image) within a Stack, how to make this work in the Stack widget?
@eliteelitebob
@eliteelitebob 4 жыл бұрын
This are EXACTLY my issues
@eliteelitebob
@eliteelitebob 4 жыл бұрын
Did you ever find a fix?
@nanduviswanathan4828
@nanduviswanathan4828 3 жыл бұрын
any fix ?
@thechromicjourney2987
@thechromicjourney2987 5 ай бұрын
Thanks for this man , but is it possible to keep tracking the location of that widget , for example if a widget is inside a scrollable list , then keep track of where the widget's location is , because it will change based on the scroll
@mahmudulhasanshifat4671
@mahmudulhasanshifat4671 5 жыл бұрын
Can you please make a video about custom paint, curved paint!!
@yangvigo
@yangvigo 4 жыл бұрын
Great video bro.
@rikiyanuar547
@rikiyanuar547 5 жыл бұрын
thank you very much
@vishvamurthy8089
@vishvamurthy8089 3 жыл бұрын
For me Error Showing "Expected a value of type 'RenderBox', but got one of type 'Null'"
@ashokkmr8758
@ashokkmr8758 3 жыл бұрын
How to move the widget another position exactly with animation
@mohammedektelat1489
@mohammedektelat1489 4 жыл бұрын
Can make full example for drawing on image with scaling and resize
@nshusa99
@nshusa99 4 жыл бұрын
Tank you
@nanduviswanathan4828
@nanduviswanathan4828 3 жыл бұрын
bro, how to do lazy loading in sqflite database.?
@mohamedkhattab7002
@mohamedkhattab7002 4 жыл бұрын
Hello friend can I get the size of the widget without widget binding can I put the function after build function
@Bakasta170
@Bakasta170 3 жыл бұрын
bro can you please tell me where do I find this kind of deep info about flutter
@Izavincy
@Izavincy 5 жыл бұрын
I wanna learn more...
@pembatamang8233
@pembatamang8233 4 жыл бұрын
it worked but I'm having a hard time applying the size to another widget how can that be done? Like calling size.width as the width of a container.
@jatinrajput5504
@jatinrajput5504 5 жыл бұрын
Bro can you make a video on how to update content of app like list or add something in list.. without updating the app ...
@Izavincy
@Izavincy 5 жыл бұрын
That's an asynchronous method...
@mariusschroeter
@mariusschroeter 4 жыл бұрын
How can I set a Positioned with the Widget Size we get in this video?
@DeivisonOliver
@DeivisonOliver 5 жыл бұрын
Please, what's your plugin that shows error in red on the line?
@HelloCodepur
@HelloCodepur 5 жыл бұрын
It's Error Lens
@DeivisonOliver
@DeivisonOliver 5 жыл бұрын
@@HelloCodepur Thank you! Please, make a new video about your updated extensions for VS Code.
@marcosradix1
@marcosradix1 5 жыл бұрын
What is the application that you use to record you screen on Mac?
@HelloCodepur
@HelloCodepur 5 жыл бұрын
QuickTime
@jhons0ns
@jhons0ns 5 жыл бұрын
How to activate these lines in the code like a tree structure?
@raydragon799
@raydragon799 3 жыл бұрын
kzbin.info/www/bejne/jHnLnKaDlpd5nMk
@mohamedkhattab7002
@mohamedkhattab7002 4 жыл бұрын
hello there is this code works only with stateful widget or stateful and statless widget ?
@chachu2955
@chachu2955 5 жыл бұрын
Media query also help this position
@biplove6110
@biplove6110 Жыл бұрын
why we need size of widget
@findsarfaraz
@findsarfaraz 2 жыл бұрын
Not working for me.
@igorbeaver4692
@igorbeaver4692 4 жыл бұрын
Hm. It seems there is more than 20px from the left side of the screen to the text
@dheerajreddy2247
@dheerajreddy2247 5 жыл бұрын
Which extension did you use to get the lines of the UI? prnt.sc/p2d4d3
Make Anything in Flutter using RenderObjects
16:10
Robert Brunhage
Рет қаралды 16 М.
WILL IT BURST?
00:31
Natan por Aí
Рет қаралды 43 МЛН
Touching Act of Kindness Brings Hope to the Homeless #shorts
00:18
Fabiosa Best Lifehacks
Рет қаралды 18 МЛН
Learn how Flutter render widgets | Decoding Flutter
45:05
eTechViral
Рет қаралды 1,1 М.
Top 10 Widgets every Flutter Developer should know!
17:17
RetroPortal Studio
Рет қаралды 282 М.
Flutter Tutorial - How To Use Flow Widget | Control Multiple Animations
7:51
I failed Flutter Interview but Why ? Flutter Interview Question & Tips
11:13
The Best Flutter Responsive UI Setup
13:11
FilledStacks
Рет қаралды 87 М.