The Third Row

We have one more Row, which might sound strange until you look back at the structure of the app in the figure ​here​. That row will have two children:

  • On the left, the numbers and the dot and equals buttons.
  • On the right, the operator buttons.

Add the Number Buttons

The number buttons will be spread out across four rows:

  • The first will contain the numbers 7, 8, and 9.
  • The second will contain the numbers 4, 5, and 6.
  • The third will contain the numbers 1, 2, and 3.
  • The fourth will contain the number 0, the dot, and the button to calculate the result.

This means that, inside this Row we’ll need another Column with four Rows as its children just to display the number buttons. The buttons will have white text on an intense blue background, ...

Get Programming Flutter now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.