angelabauer/solution5.dart

Aladex · 2020-04-25T16:26:08Z

import 'dart:math';

import 'package:flutter/material.dart';

void main() => runApp(
      MaterialApp(
        home: BallPage(),
      ),
    );

class BallPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.blue.shade900,
        title: Center(
          child: Text('Ask Me Anything'),
        ),
      ),
      body: Ball(),
    );
  }
}

class Ball extends StatefulWidget {
  @override
  _BallState createState() => _BallState();
}

class _BallState extends State<Ball> {

  int variantBall = 1;

  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.blue,
      child: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            Expanded(
              child: FlatButton(
                onPressed: (){
                  setState(() {
                    variantBall = Random().nextInt(5) + 1;
                  });
                },
                child: Image.asset("images/ball$variantBall.png"),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

bingli224 · 2020-05-24T03:43:14Z

setState ( ( ) => ballNumber = Random ( ).nextInt ( 4 ) + 1 );

It works.

setState ( ( ) => ballNumber = Random ( ).nextInt ( 5 ) + 1 );

I can get error:

════════ Exception caught by image resource service ════════════════════════════════════════════════
The following assertion was thrown resolving an image codec:
Unable to load asset: images/ball6.png

The document (https://api.dart.dev/stable/2.8.2/dart-math/Random/nextInt.html) shows it's max exclusive.

What's wrong?

Oneknight · 2020-06-19T22:39:20Z

setState ( ( ) => ballNumber = Random ( ).nextInt ( 4 ) + 1 );

It works.

setState ( ( ) => ballNumber = Random ( ).nextInt ( 5 ) + 1 );

I can get error:

════════ Exception caught by image resource service ════════════════════════════════════════════════
The following assertion was thrown resolving an image codec:
Unable to load asset: images/ball6.png

The document (https://api.dart.dev/stable/2.8.2/dart-math/Random/nextInt.html) shows it's max exclusive.

What's wrong?

Check your syntax:

setState(() {ballNumber = Random().nextInt(5) + 1;});

poeteo · 2020-07-14T22:36:05Z

My comment about setting the ballnumber variable to zero (0) and the solution containing the line "int ballnumber = 1" :

In earlier example, we had already seen which errors happen when the resulting random is out of bounds and how we should fix that.

I think Angela gave us an out of bounds condition intentionally, trusting us to correct it to make it work. Which we did in the end.

So, from this little surprise she prepared for us, we should have learned that "design documents and instructions are not equal to working solutions".

gaetanosestito · 2020-07-16T20:52:45Z

import 'package:flutter/material.dart';
import 'dart:math';

void main() => runApp(
      MaterialApp(
        home: BallPage(),
      ),
    );

class BallPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.blue,
      appBar: AppBar(
        backgroundColor: Colors.blue.shade900,
        title: Text('Ask Me Anything'),
      ),
      body: Ball(),
    );
  }
}

class Ball extends StatefulWidget {
  @override
  _StateBall createState() => _StateBall();
}

class _StateBall extends State<Ball> {
  int ballNumber = 1;

  @override
  Widget build(BuildContext context) {
    return Center(
      child: FlatButton(
        onPressed: () {
          ballNumber = Random().nextInt(5) + 1;
          print('I got clicked and number is $ballNumber');
        },
        child: Image.asset('images/ball$ballNumber.png'),
      ),
    );
  }
}

AshraF3a · 2020-07-19T11:55:50Z

using setstate

import 'package:flutter/material.dart';
import 'dart:math';

void main() => runApp(
      MaterialApp(
        home: BallPage(),
      ),
    );

class Ball extends StatefulWidget {
  @override
  _BallState createState() => _BallState();
}

class _BallState extends State<Ball> {
  int ballNumber = 0;
  @override
  Widget build(BuildContext context) {
    setState(() {
      ballNumber = Random().nextInt(5)+1;
    });
    return Center(
        child: FlatButton(
      onPressed: () {
        print("$ballNumber");
      },
      child: Image.asset("images/ball$ballNumber.png"),
    ));
  }
}

class BallPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Ask Me Anything"),
        backgroundColor: Colors.blue.shade900,
      ),
      backgroundColor: Colors.blue,
      body: Ball(),
    );
  }
}

shubhaam13 · 2020-07-25T21:06:55Z

import 'package:flutter/material.dart';
import 'dart:math';

void main() => runApp(
MaterialApp(
home: BallPage(),
),
);
class BallPage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.blue,
appBar: AppBar(
backgroundColor: Colors.blue.shade900,
title: Text('Ask Me Anything'),
),
body: Ball(),
);
}
}
class Ball extends StatefulWidget {
@OverRide
_BallState createState() => _BallState();
}

class _BallState extends State {
int ballNumber = 1;

@OverRide
Widget build(BuildContext context) {
return Center(
child : FlatButton(
onPressed: () {
setState(() {
ballNumber = Random().nextInt(5)+1;
print('$ballNumber');
});
},
child: Image.asset('images/ball$ballNumber.png'),

),
);

}
}

jasuthe · 2020-08-18T14:17:50Z

import 'package:flutter/material.dart';

void main() => runApp(
MaterialApp(
home: Ballpage(),
),
);

class Ballpage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.teal,
appBar: AppBar(title: Text("Magic Ball")),
body: Ball(),
);
}
}

class Ball extends StatefulWidget {
@OverRide
_BallState createState() => _BallState();
}

class _BallState extends State {
int ballNumber = 1;
@OverRide
Widget build(BuildContext context) {
return Center(
child: FlatButton(
onPressed: () {},
child: Image.asset('images/ball1.png'),
),
);
}
}

BatuhanAydoner · 2020-08-26T11:01:26Z

This is mine.

import 'dart:math';

import 'package:flutter/material.dart';

void main() {
runApp(MaterialApp(
home: BallPage(),
));
}

class BallPage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.blue,
appBar: AppBar(
title: Text("Ask Me Anything"),
backgroundColor: Colors.blue[900],
),
body: Ball(),
);
}
}

class Ball extends StatefulWidget {
@OverRide
_BallState createState() => _BallState();
}

class _BallState extends State {
int ballNumber = 1;
@OverRide
Widget build(BuildContext context) {
return Center(
child: FlatButton(
onPressed: () {
setState(() {
ballNumber = 1 + Random().nextInt(5);
});
},
child: Image.asset("images/ball$ballNumber.png")),
);
}
}

petyaas · 2020-08-30T11:02:47Z

import 'package:flutter/material.dart';
import 'dart:math';
void main() => runApp(MaterialApp(
home: Scaffold(
backgroundColor: Colors.teal[700],
appBar: AppBar(
title: Text('Sorag!!'),
backgroundColor: Colors.teal[900],
centerTitle: true,
),
body: Myapp(),

),),
);

class Myapp extends StatefulWidget {
@OverRide
_MyappState createState() => _MyappState();
}

class _MyappState extends State {
int i=1;

void cheng(){
setState(() {
i=Random().nextInt(5)+1;
});
}

@OverRide
Widget build(BuildContext context) {
return
Center(
child: Expanded(
child: FlatButton(
onPressed: (){
cheng();
},
child: Image.asset('images/ball$i.png'),
),
),
);
}
}

EngAbdalrhman · 2020-09-08T21:17:30Z

what about that
import 'package:flutter/material.dart';
import 'dart:math';

void main() => runApp(mball());

class mball extends StatefulWidget {
mball({Key key}) : super(key: key);
@OverRide
_mballState createState() => _mballState();
}

class _mballState extends State {
var bnum = 2;
@OverRide
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.blue,
appBar: AppBar(
backgroundColor: Colors.blue[900],
title: Text('Ask Me Anything'),
),
body: Container(
child: Center(
child: FlatButton(
onPressed: () {
setState(() {
bnum = Random().nextInt(5) + 1;
});
},
child: Image.asset('images/ball$bnum.png')),
),
),
),
);
}
}

ipvoodoo · 2020-09-10T10:20:18Z

import 'dart:math';

import 'package:flutter/material.dart';

void main() => runApp(
      MaterialApp(
        home: BallPage(),
      ),
    );

class BallPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var title = 'Ask Me Anything';
    return Scaffold(
      backgroundColor: Colors.blue,
      appBar: AppBar(
        backgroundColor: Colors.blue.shade900,
        title: Text(title),
      ),
      body: Ball(),
    );
  }
}

class Ball extends StatefulWidget {
  @override
  _BallState createState() => _BallState();
}

class _BallState extends State<Ball> {
  var ballNumber = 1;

  @override
  Widget build(BuildContext context) {
    return Center(
      child: FlatButton(
        onPressed: () {
          setState(() {
            ballNumber = Random().nextInt(5) + 1;
          });
          print('I got clicked $ballNumber');
        },
        child: Image.asset('images/ball$ballNumber.png'),
      ),
    );
  }
}

everything works

ozoguzhan · 2020-09-24T11:33:25Z

import 'package:flutter/material.dart';
import 'dart:math';

void main() => runApp(
MaterialApp(
home: BallPage(),
),
);

class BallPage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.blue,
appBar: AppBar(
backgroundColor: Colors.blue.shade900,
title: Text('Ask Me Anything'),
),
body: Ball(),
);
}
}

class Ball extends StatefulWidget {
@OverRide
_BallState createState() => _BallState();
}

class _BallState extends State {
int ballNumber = 1;
@OverRide
Widget build(BuildContext context) {
return Center(
child: FlatButton(
child: Image.asset('images/ball$ballNumber.png'),
onPressed: () {
ballNumber = Random().nextInt(5) + 1;
print(ballNumber);
},
),
);
}
}

here's my version.

tonyjoshydev · 2020-10-08T03:29:04Z

I had done this like the dicee app:

import 'package:flutter/material.dart';
import 'dart:math';

void main() => runApp(
MaterialApp(
home: BallPage(),
),
);

class BallPage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.blue,
appBar: AppBar(
backgroundColor: Colors.blue.shade900,
title: Text('Ask Me Anything'),
),
body: Ball(),
);
}
}

class Ball extends StatefulWidget {
@OverRide
_BallState createState() => _BallState();
}

class _BallState extends State {
int ballnumber = 1;
@OverRide
Widget build(BuildContext context) {
return Center(
child: FlatButton(
onPressed: () {
ballnumber = Random().nextInt(5) + 1;
print('ballnumber');
},
child: Image.asset('images/ball$ballnumber.png')),
);
}
}

EngMohamed3382 · 2020-11-20T10:25:31Z

import 'dart:math';
import 'package:flutter/material.dart';

void main() {
return runApp(
MaterialApp(
home: Scaffold(
backgroundColor: Colors.black12,
appBar: AppBar(
title: Center(child: Text('Boss')),
backgroundColor: Colors.black,
),
body: MagicBall(),
),
),
);
}

class MagicBall extends StatefulWidget {
@OverRide
_MagicBallState createState() => _MagicBallState();
}

class _MagicBallState extends State {
int Facenumber = 1;

void changeFace() {
setState(() {
Facenumber = Random().nextInt(5) + 1;
});
}

@OverRide
Widget build(BuildContext context) {
return Center(
child: Row(
children: [
Expanded(
child: FlatButton(
onPressed: () {
changeFace();
},
child: Image.asset('images/ball$Facenumber.png'),
),
),
],
),
);
}
}

ibushraabbasi · 2021-01-11T12:32:46Z

import 'dart:math';
import 'package:flutter/material.dart';

void main() {
runApp(BallPage());
}

class BallPage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.blueAccent,
appBar: AppBar(
backgroundColor: Colors.blue,
title: Center(
child: Text('Ask me everything'),
),
),
body: Ball(),
),
);
}
}

class Ball extends StatefulWidget {
@OverRide
_BallState createState() => _BallState();
}

class _BallState extends State {
int ballNumber = 0;
@OverRide
Widget build(BuildContext context) {
return Center(
child: FlatButton(
onPressed: () {
ballNumber = Random().nextInt(5) + 1;
print('ball number: $ballNumber');
},
child: Image.asset('images/ball$ballNumber.png'),
),
);
}
}

thibaudet81 · 2021-02-22T13:10:10Z

The Angela Yu's solution is perfect

Harsh-ux007 · 2021-05-22T23:25:59Z

import 'dart:math';
import 'package:flutter/material.dart';

void main() => runApp(
MaterialApp(
home: BallPage(),
),
);

class BallPage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.blue[700],
appBar: AppBar(
backgroundColor: Colors.blue[200],
title: Text('Ask Me Anything'),
),
body: Ball());
}
}

class Ball extends StatefulWidget {
Ball({Key key}) : super(key: key);

@OverRide
_BallState createState() => _BallState();
}

class _BallState extends State {
int ballnumber = 0;
@OverRide
Widget build(BuildContext context) {
return Center(
child: Container(
child: FlatButton(
onPressed: () {
ballnumber = Random().nextInt(4);
print('ballnumber');
},
child: Image.asset('images/ball.png'),
)));
}
}
print('ballnumber') it is wrong??

KhuloodBatis · 2021-12-28T06:35:09Z

ghost · 2022-01-02T21:09:27Z

You guys have to set the state for the images to change. I did'nt see any posts with setstate added in the onPressed.

mhbm · 2022-01-17T11:34:59Z

import 'dart:math';

import 'package:flutter/material.dart';

void main() => runApp(
      MaterialApp(
        home: BallPage(),
      ),
    );

class BallPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.blue,
      appBar: AppBar(
        title: Text('Ask Me Anything'),
        backgroundColor: Colors.blue.shade900,
      ),
      body: Ball(),
    );
  }
}

class Ball extends StatefulWidget {
  @override
  _BallState createState() => _BallState();
}

class _BallState extends State<Ball> {
  int ballNumber = 1;
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Row(
        children: <Widget>[
          Expanded(
              child: FlatButton(
            onPressed: () => {shuffleImage()},
            child: Image.asset('images/ball$ballNumber.png'),
          ))
        ],
      ),
    );
  }

  void shuffleImage()
  {
    setState(() {
      ballNumber = Random().nextInt(5) + 1;
      print("I got clicked");
    });
  }
}

My solution

spy-der-web · 2022-02-09T14:53:25Z

//My solution

// ignore_for_file: prefer_const_constructors
import 'dart:math';
import 'package:flutter/material.dart';

void main() => runApp(
MaterialApp(
debugShowCheckedModeBanner: false,
home: BallPage(),

),
);

class BallPage extends StatelessWidget {
const BallPage({Key? key}) : super(key: key);

@OverRide
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.blue,
appBar: AppBar(
title: Text("Ask Me Anything"),
backgroundColor: Colors.blue.shade900,
),
body: Ball(),
);
}
}

class Ball extends StatefulWidget {
const Ball({Key? key}) : super(key: key);

@OverRide
_BallState createState() => _BallState();
}

class _BallState extends State {
int ballNumber = 0;

@OverRide
Widget build(BuildContext context) {
return Center(
child: TextButton(
onPressed: () {
setState(() {
ballNumber = Random().nextInt(5);
});

        print(ballNumber);
      },
      child: Image.asset('images/ball1.png'),
  ),
);

}
}

Synzu · 2022-06-22T10:51:18Z

import 'dart:math';
import 'package:flutter/material.dart';

void main() => runApp(
MaterialApp(
home: Scaffold(
backgroundColor:Colors.blue,
appBar: AppBar(
backgroundColor: Color.fromARGB(255, 6, 20, 27),
title: Text('Ask Me Anything'),
),
body: Ball (

        ),
    ),
  ),
);

class Ball extends StatefulWidget {

@OverRide
State createState() => _BallPageState();

}

class _BallPageState extends State {

int ballNumber = 1;

@OverRide

Widget build(BuildContext context) {

return Center(
  
  child: Padding(
    padding: const EdgeInsets.all(16.0),
    child: Row(
     
      children: [
        
        Center (
           
           child: Container(
            
            width: 350,
            child: TextButton(
               onPressed: () {
                 setState(() {
                 ballNumber  = Random().nextInt(5);
                 
               });
                 print (ballNumber);
            },
                child: Image.asset('images/ball1.png')),
            
          ),
        ),
      ],
    ),
  ),
);

}
}

MiladZarour · 2022-12-10T13:01:44Z

import 'package:flutter/material.dart';
import 'dart:math';

void main() => runApp(
      MaterialApp(
        home: BallPage(),
      ),
    );

class BallPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.blue,
      appBar: AppBar(
        backgroundColor: Colors.blue.shade900,
        title: Text('Ask Me Anything'),
      ),
      body: Ball(),
    );
  }
}

class Ball extends StatefulWidget {
  @override
  _BallState createState() => _BallState();
}

class _BallState extends State<Ball> {
  int ballNumber = 1;
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Row(
        children: <Widget>[
          Expanded(
              child: TextButton(
            onPressed: () => {shuffleImage()},
            child: Image.asset('images/ball$ballNumber.png'),
          ))
        ],
      ),
    );
  }

  void shuffleImage() {
    setState(() {
      ballNumber = Random().nextInt(5) + 1;
      print("I got clicked");
    });
  }
}

Hackathonwave · 2023-07-28T16:48:18Z

import 'package:flutter/material.dart';
import 'dart:math';

void main() => runApp(
MaterialApp(
home: BallPage(),
),
);

class BallPage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.black54,
appBar: AppBar(
backgroundColor: Colors.black,
title: Text('"NOTHING IMPOSSIBLE TO DO"'),
),
body: Ball(),
);
}
}

class Ball extends StatefulWidget {
@OverRide
_BallState createState() => _BallState();
}

class _BallState extends State {
@OverRide
int ballNumber = 1;

Widget build(BuildContext context) {
return Center(
child: TextButton(
onPressed: () {
ballNumber = Random().nextInt(5);
print(ballNumber);
},
child: Image.asset('images/ball1.png'),
),
);
}
}

souravs3 · 2024-02-10T06:49:53Z

import 'dart:math';

import 'package:flutter/material.dart';

void main() {
runApp(MaterialApp(
home: MagicBall(),
));
}

class MagicBall extends StatelessWidget {
const MagicBall({super.key});

@OverRide
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Color.fromARGB(255, 174, 29, 18),
appBar: AppBar(
backgroundColor: Color.fromARGB(255, 142, 20, 20),
title: Text(
'Ask me Anything',
style: TextStyle(color: Colors.white),
),
centerTitle: true,
),
body: Ball(),
);
}
}

class Ball extends StatefulWidget {
const Ball({super.key});

@OverRide
State createState() => _BallPage();
}

class _BallPage extends State {
int ballnumber = 1;
@OverRide
Widget build(BuildContext context) {
return Center(
child: TextButton(
onPressed: () {
setState(() {
ballnumber = Random().nextInt(5) + 1;
});
print('Button is pressed!');
},
child: Image.asset('images/ball${ballnumber}.png'),
),
);
}
}

amgadsokkary · 2026-05-02T11:58:03Z

Screen.Recording.2026-05-02.at.2.57.26.PM.mov

	import 'dart:math';
	import 'package:flutter/material.dart';

	void main() => runApp(
	MaterialApp(
	home: BallPage(),
	),
	);

	class BallPage extends StatelessWidget {
	@override
	Widget build(BuildContext context) {
	return Scaffold(
	backgroundColor: Colors.blue,
	appBar: AppBar(
	backgroundColor: Colors.blue.shade900,
	title: Text('Ask Me Anything'),
	),
	body: Ball(),
	);
	}
	}

	class Ball extends StatefulWidget {
	@override
	_BallState createState() => _BallState();
	}

	class _BallState extends State<Ball> {
	int ballNumber = 1;

	@override
	Widget build(BuildContext context) {
	return Center(
	child: FlatButton(
	onPressed: () {
	ballNumber = Random().nextInt(5);
	print(ballNumber);
	},
	child: Image.asset('images/ball1.png'),
	),
	);
	}
	}

angelabauer/solution5.dart

Aladex commented Apr 25, 2020

Uh oh!

bingli224 commented May 24, 2020

Uh oh!

Oneknight commented Jun 19, 2020

Uh oh!

poeteo commented Jul 14, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

gaetanosestito commented Jul 16, 2020

Uh oh!

AshraF3a commented Jul 19, 2020

Uh oh!

shubhaam13 commented Jul 25, 2020

Uh oh!

jasuthe commented Aug 18, 2020

Uh oh!

BatuhanAydoner commented Aug 26, 2020

Uh oh!

petyaas commented Aug 30, 2020

Uh oh!

EngAbdalrhman commented Sep 8, 2020

Uh oh!

ipvoodoo commented Sep 10, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

ozoguzhan commented Sep 24, 2020

Uh oh!

tonyjoshydev commented Oct 8, 2020

Uh oh!

EngMohamed3382 commented Nov 20, 2020

Uh oh!

ibushraabbasi commented Jan 11, 2021 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

thibaudet81 commented Feb 22, 2021

Uh oh!

Harsh-ux007 commented May 22, 2021

Uh oh!

KhuloodBatis commented Dec 28, 2021

Uh oh!

ghost commented Jan 2, 2022 • edited by ghost Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

mhbm commented Jan 17, 2022

Uh oh!

spy-der-web commented Feb 9, 2022

Uh oh!

Synzu commented Jun 22, 2022

Uh oh!

MiladZarour commented Dec 10, 2022

Uh oh!

Hackathonwave commented Jul 28, 2023

Uh oh!

souravs3 commented Feb 10, 2024

Uh oh!

amgadsokkary commented May 2, 2026

Uh oh!

poeteo commented Jul 14, 2020 •

edited

Loading

ipvoodoo commented Sep 10, 2020 •

edited

Loading

ibushraabbasi commented Jan 11, 2021 •

edited

Loading

ghost commented Jan 2, 2022 •

edited by ghost

Loading