Question: Submit the assignment correctly Use a branch called assignment 3 Submit to your CINS 4 6 7 GitLab repo You may submit your app as

Submit the assignment correctly
Use a branch called assignment3
Submit to your CINS467 GitLab repo
You may submit your app as either an Android app or a web app. Your CINS467 GitLab repo on the assignment3 branch should
contain (at minimum):
Android submission: the code for your app (the project directory) and the APK file that you created for your app
Web submission: the code for your app (the project directory), the .gitlab-ci.yml file that defines the Cl/CD pipeline for
your GitLab repo, and a file called
web.md that contains the URL to your project hosted online through GitLab Pages
As long as your app does the tasks described above and is submitted correctly, you will get credit for this assignment.
Note: some aspects of style and layout can be deceptively tricky. Make sure to give yourself time to try out and test various features! Look
for code examples and short videos in the official Flutter docs to help with understanding Flutter classes, properties, and methods.
The goal of Assignment 3 is to give you experience creating a simple UI (user interface) with Flutter. Have fun! This is a great time to start
thinking about how you want your final project to look, or to just play around, learn about different Flutter features, and figure out how you can
customize an app and make it look unique.
Getting Graded
After completing Option 1 or Option 2, remember to submit your code to the assignment3 branch!
Option 1- Android APK
Create a new APK for this assignment by running the flutter clean command, and then running the flutter build apk command. For more
detailed instructions on creating and locating an APK, refer back to the instructions in Assignment 1.
When you have your APK, move it to the root directory of your GIT repo that you were given to turn in assignments for this class. You must only
have one APK in your root directory (remember, each assignment should be submitted to a unique branch, so you can overwrite any previous
APKs).In this assignment your app needs to:
Have At Least Three Buttons
Each button widget must include at least 3 properties:
child (the button's label - often an Icon or Text widget)
onPressed or other callback (something should happen when the button is tapped or otherwise activated)
Each button should have its own unique action.
The label for each button should provide an indication of what the button does when pressed.
style (an instance of the ButtonStyle class that is used to customize the button's appearance)
The buttons must not all look the same.
By default, Flutter adds some style to the buttons, but for this assignment, you need to update at least one aspect of the
appearance of each button (e.g. background or foreground color, size or padding, shape, font, etc).
You are encouraged to play around with other button properties in addition to the ones specified above!
Have At Least Two Text Widgets
Each Text widget must contain at least 2 properties:
data (the text to display)
style (an instance of the TextStyle class that is used to style the text)
by default, all text has some style, but for this assignment, you need to stylize the text in some way other than the default.
The text in each Text widget should have its own unique style.
The TextStyle class is used to format and paint text. Use at least 2 TextStyle properties to style the Text widget (notice that
you can make changes to color, font, decoration, size, spacing, and more)
Make Updates When Each Button Is Pressed
When each button is tapped, it should make a change that is visible in the app.
In at least one case, the contents of a Text widget must be updated when a button is pressed. The other buttons may update a Text
widget or another aspect of your web app.
Remember that the label of each button (e.g. text or icon) should give some indication of what the button does when pressed
Submit the assignment correctly Use a branch

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Programming Questions!