On the home page of the app (start.dart in the /lib/ folder), add the logo of the team beside the title "MergeData" on the top bar.
NOTE: To test run the app, you'll have to install the Flutter SDK. I can show you that in person. But you should be able to follow the steps here without that for now.
Steps you'll have to do:
Clone the repo. Go on the dev branch and THEN make a new branch.
Get an image of our team logo and put it in the /assets/images/ folder.
Find the pubspec.yaml file and open it.
Scroll down to like line ~80 or something and here you'll find how we reference other images. This tells the app which images to load. Add the path to your new image in there. Save.
Then, find the start.dart file in the /lib/screens/ folder. The /lib/ folder contains all our source code for the app (like /src/ in the robot code repo).
Then, open start.dart. Locate lines 52, 53, and 54. This is where we will make our change. As you can see, we have the title have some text using the Text() function. We want to add a second function to this, that be, and image function. What we'll use for this is:
So here, we're telling the app to put both the image and the text in a row. The row is one object, and it has two children (the image and the text). And the Row() function will put them both side by side, like we want.
yay
BONUS: add the current year using widget.year.toString() to the title
On the home page of the app (
start.dart
in the/lib/
folder), add the logo of the team beside the title "MergeData" on the top bar.NOTE: To test run the app, you'll have to install the Flutter SDK. I can show you that in person. But you should be able to follow the steps here without that for now.
Steps you'll have to do:
/assets/images/
folder.pubspec.yaml
file and open it.start.dart
file in the/lib/screens/
folder. The/lib/
folder contains all our source code for the app (like/src/
in the robot code repo).start.dart
. Locate lines 52, 53, and 54. This is where we will make our change. As you can see, we have thetitle
have some text using theText()
function. We want to add a second function to this, that be, and image function. What we'll use for this is:Make sure to change the values in the parameters to what you need them to be.
So here, we're telling the app to put both the image and the text in a row. The row is one object, and it has two children (the image and the text). And the
Row()
function will put them both side by side, like we want.BONUS: add the current year using
widget.year.toString()
to the title