solution2.dart

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: Container(),
    );
  }
}

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.cyan,
appBar: AppBar(
backgroundColor: Colors.cyan.shade800,
title: Center(child: Text('Ask Me Anything',
style: TextStyle(
color: Colors.white,
),),
),
),
body: Ball(),
);
}
}

// Creates a Stateful widget
class Ball extends StatefulWidget {
const Ball({Key? key}) : super(key: key);

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

class _BallState extends State {
int ballNumber = 1;

@OverRide
Widget build(BuildContext context) {
return Center(
child: TextButton(
onPressed: () {
setState(() {
// Random.nextInt(n) returns a random integer from 0 to n-1
ballNumber = Random().nextInt(5) + 1;
});
},
// Adding images
child: Image.asset('images/ball$ballNumber.png'),
),
);
}
}

Here is the Magic 8 Ball code.

Enjoying everybit of this course.

Thank You,

import 'package:flutter/material.dart';

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

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

@OverRide
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.blue,
appBar: AppBar(
backgroundColor: Colors.blue[900],
title: Text(
'Ask me anything',
style: TextStyle(color: Colors.white),
),
),
),
);
}
}