Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

can you help and provide full working code? Task 1. Create a Flutter project using the latest Flutter version, with your student number at the

can you help and provide full working code? image text in transcribed
image text in transcribed
image text in transcribed
image text in transcribed
Task 1. Create a Flutter project using the latest Flutter version, with your student number at the end. E.g., hw2_201933309131. Do not remove or change analysis_options.yaml. Remove all comments. Convert MyHomePage to a StatelessWidget and clean its build method as well as any functions and variables. Have 5 Text widgets and an ElevatedButton with a Text child that looks like this. Use the absolutely minimum number of widgets and parameters that are necessary. For this task and all of the tasks that follow, make sure you do not have any warnings, including warnings about const. Select the ElevatedButton and extract a Flutter widget called NumberFinder, which will be stateless by default. Convert it to a StatefulWidget. Wrap ElevatedButton in a Column and add another Text widget under it. When we press the button, that new Text widget will get a random int between 10 and 110 , as shown in the images below. Initially we will have -1 as the value. Use a for loop inside the Column's widget list to create 100 copies of this. Do this by using a "collection for" in the list that you provide to Column as children. Hint: you will also have to use the spread operator along with for. As 100 copies will not fit in the screen, make it scrollable. Press a couple of the buttons to get values for them. Also make them aligned to the left. Do these changes with the minimal number of widgets and parameters. Task 4. Add a top and a bottom red ColoredBox with "TOP" and "BOTTOM" text values, sized with the height of the text. Divide the remaining area so that 2/3 will have the 100 scrolling widgets that we had before and 1/3 will have a ColoredBox with lightBlueAccent and containing a single NumberFinder

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Data Mining Concepts And Techniques

Authors: Jiawei Han, Micheline Kamber, Jian Pei

3rd Edition

0123814790, 9780123814791

More Books

Students also viewed these Databases questions