Aspect Ratio

2 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€92.18
List Price:  €129.06
You save:  €36.87
£78.45
List Price:  £109.83
You save:  £31.38
CA$136.63
List Price:  CA$191.29
You save:  CA$54.65
A$150.66
List Price:  A$210.93
You save:  A$60.27
S$134.97
List Price:  S$188.96
You save:  S$53.99
HK$781.10
List Price:  HK$1,093.58
You save:  HK$312.47
CHF 91.33
List Price:  CHF 127.86
You save:  CHF 36.53
NOK kr1,051.93
List Price:  NOK kr1,472.75
You save:  NOK kr420.81
DKK kr687.74
List Price:  DKK kr962.86
You save:  DKK kr275.12
NZ$163.04
List Price:  NZ$228.27
You save:  NZ$65.22
د.إ367.26
List Price:  د.إ514.18
You save:  د.إ146.91
৳11,763.47
List Price:  ৳16,469.33
You save:  ৳4,705.86
₹8,335.70
List Price:  ₹11,670.32
You save:  ₹3,334.61
RM470.30
List Price:  RM658.44
You save:  RM188.14
₦142,731.72
List Price:  ₦199,830.12
You save:  ₦57,098.40
₨27,897.02
List Price:  ₨39,056.94
You save:  ₨11,159.92
฿3,675.65
List Price:  ฿5,146.06
You save:  ฿1,470.41
₺3,223.64
List Price:  ₺4,513.23
You save:  ₺1,289.58
B$516.01
List Price:  B$722.44
You save:  B$206.42
R1,827.32
List Price:  R2,558.32
You save:  R731
Лв180.25
List Price:  Лв252.36
You save:  Лв72.11
₩136,640.44
List Price:  ₩191,302.09
You save:  ₩54,661.64
₪369.26
List Price:  ₪516.98
You save:  ₪147.72
₱5,847.91
List Price:  ₱8,187.31
You save:  ₱2,339.39
¥15,721.81
List Price:  ¥22,011.16
You save:  ¥6,289.35
MX$1,674.88
List Price:  MX$2,344.90
You save:  MX$670.02
QR365.72
List Price:  QR512.02
You save:  QR146.30
P1,361
List Price:  P1,905.46
You save:  P544.45
KSh13,198.68
List Price:  KSh18,478.68
You save:  KSh5,280
E£4,729.59
List Price:  E£6,621.61
You save:  E£1,892.02
ብር5,759.79
List Price:  ብር8,063.93
You save:  ብር2,304.14
Kz85,286.13
List Price:  Kz119,404
You save:  Kz34,117.86
CLP$89,629.03
List Price:  CLP$125,484.23
You save:  CLP$35,855.20
CN¥711.16
List Price:  CN¥995.65
You save:  CN¥284.49
RD$5,907.53
List Price:  RD$8,270.79
You save:  RD$2,363.25
DA13,457.26
List Price:  DA18,840.70
You save:  DA5,383.44
FJ$225.87
List Price:  FJ$316.23
You save:  FJ$90.35
Q778.50
List Price:  Q1,089.94
You save:  Q311.43
GY$20,983.69
List Price:  GY$29,378.01
You save:  GY$8,394.31
ISK kr13,726.62
List Price:  ISK kr19,217.82
You save:  ISK kr5,491.20
DH995.96
List Price:  DH1,394.39
You save:  DH398.42
L1,768.33
List Price:  L2,475.73
You save:  L707.40
ден5,676.49
List Price:  ден7,947.32
You save:  ден2,270.82
MOP$806.04
List Price:  MOP$1,128.49
You save:  MOP$322.44
N$1,843.10
List Price:  N$2,580.41
You save:  N$737.31
C$3,689.56
List Price:  C$5,165.53
You save:  C$1,475.97
रु13,341.39
List Price:  रु18,678.49
You save:  रु5,337.09
S/375.75
List Price:  S/526.07
You save:  S/150.31
K389.78
List Price:  K545.70
You save:  K155.92
SAR375.03
List Price:  SAR525.05
You save:  SAR150.02
ZK2,699.03
List Price:  ZK3,778.75
You save:  ZK1,079.72
L458.70
List Price:  L642.20
You save:  L183.50
Kč2,277.26
List Price:  Kč3,188.26
You save:  Kč910.99
Ft35,631.69
List Price:  Ft49,885.79
You save:  Ft14,254.10
SEK kr1,060.86
List Price:  SEK kr1,485.25
You save:  SEK kr424.38
ARS$89,340.66
List Price:  ARS$125,080.50
You save:  ARS$35,739.84
Bs692.46
List Price:  Bs969.47
You save:  Bs277.01
COP$388,094.15
List Price:  COP$543,347.34
You save:  COP$155,253.18
₡51,546.97
List Price:  ₡72,167.83
You save:  ₡20,620.85
L2,477.09
List Price:  L3,468.02
You save:  L990.93
₲754,796.40
List Price:  ₲1,056,745.16
You save:  ₲301,948.75
$U3,856.05
List Price:  $U5,398.62
You save:  $U1,542.57
zł392.34
List Price:  zł549.29
You save:  zł156.95
Already have an account? Log In

Transcript

Hello, in this flutter programming video, I am going to show you the aspect ratio widget. So I've got a image and a text item here displayed within a column child, you could have it displayed However, one puffiness is best to just demonstrate it. We've got this image of Batman, and then we got the text Hello blue below it. I didn't literally just directly below it. If I was doing after ratio, use the new aspect ratio. And he would require basically an aspect ratio, we'll get onto that in a second.

This is add a child so the child will be colon and whatever child we want to put there. And I'm going to literally put this wherever the images, it could be stored in a variable if you want to. And now obviously the comment here. If I was to change this to get the aspect ratio, remember, you have images that could be 16 by nine that's what modern TVs you could have what oh TVs up Usually the four by three ratio not quite square, but more square like, you can have 21 by nine, which is the more cinema or ultra widescreen aspect ratio. So if I do four by three, this is the way you put the upper ratio, you didn't know the actual ratio if it's 16 by nine equals 16 divided by nine, and that will work out the actual ratio. If I save that, as you can see, it's, you know, it's moved around a bit.

And what happened is, we basically said all the children inside of it have an aspect ratio of four by three, which is more square like hence this, you know, white space here. That's the reason this hello world text starts below or quite a bit below the image because usually after ratio, we've said the image or the contents, go all the way down to here and all the way up to here, even though they don't, but that's just a way for us to Specify if we know when images are gonna be four by three, or 16 by nine or 21 by nine to ensure positional or other items around this particular widget is, you know, looking very good on our user interface. That really, there's not not much more to it to the aspect ratio. I demonstrated that with an image. You could have another child that had children inside of it doesn't really matter what it is.

It could be a row, it could be another column. It could be text, the top child doesn't matter. But what's important is this aspect here. So that's it. If you have any questions, feel free to pop me a message. And as usual, I look forward to seeing you in the next video.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.