Template repository for exercise E3. Course IDATA2503 Mobile applications at NTNU, campus Aalesund.
The intention with this exercise is to practice building layouts using Flutter UI framework.
Create a clone of the template repository within GitHub Classroom. Use the invitation link you got from Blackboard!
There are some automated tests provided, auto-grading will run the same way as before. However, there are many ways you can organize UI layouts in Flutter. It is possible that unit tests will fail for you. That is fine, as long as the result looks similar to the reference image.
To run the tests locally, execute the following command in a terminal: flutter test.
Open the provided Flutter application and extend it. The app must contain a single page which looks as close to this _ reference image_ as reasonably possible (you don't need to get the clock right 😉):
In general, the layout consists of :
- An AppBar saying "E3 solution".
- A gray background (
Colors.grey[200]) filling the whole screen. (Note: there are several possible solutions but if you want the unit tests to pass, set the background color for the firstContaineryou have in your app, please 😉) - Three buttons laid out vertically
- 16px vertical padding between the buttons (Note: there are several possible solutions but if you
want the unit tests to pass, use
SizedBox) - 32px padding between the AppBar and the first button (Note:
SizedBoxdesired here as well). - The first button must contain text "Student $name", where
$nameis your name. For example, if your name is Ole Norman, then the button must have text "Student Ole Norman". - The other two buttons must contain text as shown in the reference images
- 50 pixel padding on the sides of the buttons (still with grey background)
- Font size: 16px on all buttons.
- First button has bold text style.
- The third button must be disabled while the two other buttons must be enabled. (Hint: when are buttons disabled in Flutter?)
Remember to make a commit to the master branch and push it to GitHub!