FlatButton

4 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
€85.23
List Price:  €119.33
You save:  €34.09
£73.47
List Price:  £102.86
You save:  £29.39
CA$136.77
List Price:  CA$191.48
You save:  CA$54.71
A$152.42
List Price:  A$213.40
You save:  A$60.97
S$127.87
List Price:  S$179.03
You save:  S$51.15
HK$784.91
List Price:  HK$1,098.91
You save:  HK$313.99
CHF 79.42
List Price:  CHF 111.19
You save:  CHF 31.77
NOK kr1,005.51
List Price:  NOK kr1,407.76
You save:  NOK kr402.24
DKK kr635.95
List Price:  DKK kr890.36
You save:  DKK kr254.40
NZ$166.11
List Price:  NZ$232.56
You save:  NZ$66.45
د.إ367.26
List Price:  د.إ514.18
You save:  د.إ146.92
৳12,146.39
List Price:  ৳17,005.44
You save:  ৳4,859.04
₹8,564.56
List Price:  ₹11,990.73
You save:  ₹3,426.16
RM424.70
List Price:  RM594.60
You save:  RM169.90
₦152,720.72
List Price:  ₦213,815.12
You save:  ₦61,094.40
₨28,447.15
List Price:  ₨39,827.15
You save:  ₨11,380
฿3,257.07
List Price:  ฿4,560.02
You save:  ฿1,302.95
₺4,006.23
List Price:  ₺5,608.89
You save:  ₺1,602.65
B$558.51
List Price:  B$781.94
You save:  B$223.42
R1,772.43
List Price:  R2,481.48
You save:  R709.04
Лв166.73
List Price:  Лв233.43
You save:  Лв66.69
₩137,085.61
List Price:  ₩191,925.33
You save:  ₩54,839.72
₪330.74
List Price:  ₪463.05
You save:  ₪132.31
₱5,649.41
List Price:  ₱7,909.41
You save:  ₱2,259.99
¥14,616.53
List Price:  ¥20,463.73
You save:  ¥5,847.20
MX$1,861.34
List Price:  MX$2,605.96
You save:  MX$744.61
QR363.32
List Price:  QR508.67
You save:  QR145.34
P1,331.28
List Price:  P1,863.85
You save:  P532.56
KSh12,918.70
List Price:  KSh18,086.70
You save:  KSh5,168
E£4,951.34
List Price:  E£6,932.08
You save:  E£1,980.73
ብር13,825.65
List Price:  ብር19,356.47
You save:  ብር5,530.81
Kz91,186.38
List Price:  Kz127,664.58
You save:  Kz36,478.20
CLP$94,934.50
List Price:  CLP$132,912.10
You save:  CLP$37,977.60
CN¥717.41
List Price:  CN¥1,004.41
You save:  CN¥286.99
RD$5,974.95
List Price:  RD$8,365.17
You save:  RD$2,390.22
DA12,961.10
List Price:  DA18,146.06
You save:  DA5,184.96
FJ$224.25
List Price:  FJ$313.96
You save:  FJ$89.71
Q768.43
List Price:  Q1,075.84
You save:  Q307.40
GY$20,908.60
List Price:  GY$29,272.88
You save:  GY$8,364.27
ISK kr12,223.77
List Price:  ISK kr17,113.77
You save:  ISK kr4,890
DH899.91
List Price:  DH1,259.91
You save:  DH360
L1,691.88
List Price:  L2,368.71
You save:  L676.82
ден5,244.91
List Price:  ден7,343.08
You save:  ден2,098.17
MOP$808.43
List Price:  MOP$1,131.83
You save:  MOP$323.40
N$1,776.08
List Price:  N$2,486.58
You save:  N$710.50
C$3,677.25
List Price:  C$5,148.30
You save:  C$1,471.04
रु13,655.79
List Price:  रु19,118.66
You save:  रु5,462.86
S/353.73
List Price:  S/495.23
You save:  S/141.50
K417.99
List Price:  K585.21
You save:  K167.21
SAR375.01
List Price:  SAR525.02
You save:  SAR150.01
ZK2,423.83
List Price:  ZK3,393.47
You save:  ZK969.63
L432.81
List Price:  L605.96
You save:  L173.14
Kč2,100.09
List Price:  Kč2,940.21
You save:  Kč840.12
Ft34,028.20
List Price:  Ft47,640.84
You save:  Ft13,612.64
SEK kr950.06
List Price:  SEK kr1,330.12
You save:  SEK kr380.06
ARS$125,241.41
List Price:  ARS$175,342.99
You save:  ARS$50,101.57
Bs690.85
List Price:  Bs967.23
You save:  Bs276.37
COP$403,580.27
List Price:  COP$565,028.52
You save:  COP$161,448.25
₡50,426.04
List Price:  ₡70,598.47
You save:  ₡20,172.43
L2,605.58
List Price:  L3,647.91
You save:  L1,042.33
₲774,922.99
List Price:  ₲1,084,923.18
You save:  ₲310,000.19
$U4,061.93
List Price:  $U5,686.87
You save:  $U1,624.93
zł362.06
List Price:  zł506.91
You save:  zł144.84
Already have an account? Log In

Transcript

Hello, in this video, I am going to show you how to implement a flat button. So a flat button is basically a button that don't have any elevation in terms of tech, I have that for free the look very, you know, flat. And that is a modern standard, you know, according to the material design standards that Google has set, a very popular now. And there's a lot of stuff you can do in life and pretty simple philosophy can do. So you just add it as you would any normal child in any sort of widget that doesn't matter. So child or if you think no lift of children, no, I mean, like an array of children who had in the normal way.

And this requires one thing, actually, there's two things that he absolutely requires. So he requires a callback. So on pressed, so when it's being pressed, we'll know essentially call some method What we can do, we can add in that this is a button. Click, obviously the type of method and what it does. You can also have an inline method that's totally up to you. In here, we need to do a button click like so let's save it.

Let's see what we get. No, no button at the moment. So we need to provide some extra properties. So what other properties can we provide? We can provide essentially a chart. And in here you can put a row you can put a lot of stuff for the button can be quite complex.

I've got them for a text item. Me Let me save that see what we get added see we have the button there. And when we click to click the twice button, we can provide a lot more property than that looks, frankly not very good. So what we can do is if you left us holy, so on to change the color. So full color colors make this blue, save them. So now the background is blue.

If we want to change the text color, we can just do text color. Let's say that that we have worked in that Okay, that's looking pretty good. But you notice when we Click it. Now you'd have a different sort of, you know, shade to it, we can change that as well. So we can say, highlight color, highlight color, is color dot black. As you can see, we've got something totally different than a whole heap of other color property, they can add, we've gone in disable text color, you can add, you know, also text fields, as well, who's really cool stuff or like to do an accent.

You can add, you know, a bunch of other stuff. Well, you can change the setting the brightness, you can change the geometry in terms of the padding, you can change how he clips, you know, in terms of the content inside of the vehicle, maybe the content inside of is dynamically generated as a result in might be, you know, to the public. Content fit inside of the button itself. Lastly there obviously you can check out all of the boxes like so, but nothing much more to 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.