solution4.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: Ball(),
    );
  }
}

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

class _BallState extends State<Ball> {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: FlatButton(
        onPressed: () {
          print('I got clicked');
        },
        child: Image.asset('images/ball1.png'),
      ),
    );
  }
}

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

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

class MyApp extends StatefulWidget {

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

class _MyAppState extends State {
@OverRide
Widget build(BuildContext context) {
return MaterialApp(

  home: Scaffold(
    backgroundColor: Colors.blue,
    appBar: AppBar(
      title: Text('Ask Me Anything'),
      backgroundColor: Colors.blue[900],

    ),
    body: Center(
      child:FlatButton(
        onPressed: (){
          print('I chlick here');
        },
        
          child: Image(
            image: AssetImage('images/ball1.png'),
          ),
      ),
          ),
          ),
    );

}
}

Just my only StatefulWidget:

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

class _StateBall extends State {
@OverRide
Widget build(BuildContext context) {
return Center(
child: FlatButton(
onPressed: () {
print('I got clicked');
},
child: Image.asset('images/ball1.png'),
),
);
}
}`

import 'package:flutter/material.dart';

void main() {
return runApp(
MaterialApp(
title: 'Magic_Ball',
home: Scaffold(
appBar: AppBar(
title: Text('Ask Me Anything'),
backgroundColor: Colors.blue[900],
),
body: Ball(),
backgroundColor: Colors.blue,
),
),
);
}

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

class _BallState extends State {
@OverRide
Widget build(BuildContext context) {
return Center(
child: FlatButton(
onPressed: () {
print('I got clicked');
},
child: Image.asset('images/ball1.png'),
),
);
}
}

import 'package:flutter/material.dart';

void main() => runApp(
MaterialApp(
home: Scaffold(
backgroundColor: Colors.blue,
appBar: AppBar(
title: Text('Ask Me Anything'),
backgroundColor: Colors.blue[900],
),
body: Center(
child: FlatButton(
onPressed: () {
print('I clicked');
},
child: Image(
image: AssetImage('images/ball1.png'),
),
),
),
),
),
);

thinks youuuuuuuuuuuuuuuuuuuuuuuuu
^_^
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 {
int ballCounter = 1;

void counterBall() {
setState(() {
ballCounter = Random().nextInt(5) + 1;
});
}

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

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 {
@OverRide
Widget build(BuildContext context) {
return Center(
child: FlatButton(
onPressed: () {
print('I got Clicked');
},
child: Image.asset('images/ball1.png'),
),
);
}
}

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

class _BallState extends State<Ball> {
@OverRide
Widget build(BuildContext context) {
return Center(
child: FlatButton(
onPressed: () {
print('I got Clicked');
},
child: Image.asset('images/ball1.png'),
),
);
}
}

@ibushraabbasi You forgot to add type to the state object. In fact, everyone except Angela forgot that.

Android studio says FlatButton is deprecated use TextButton instead anybody notice that?

Android studio says FlatButton is deprecated use TextButton instead anybody notice that?

Yes, it's been deprecated. Use TextButton instead. Seems to work fine.

import 'package:flutter/material.dart';

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

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

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

class _BallState extends State<Ball> {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: TextButton(
        onPressed: () {
          print('I got clicked');
        },
        child: Image.asset('images/ball1.png'),
      ),
    );
  }
}

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

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

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

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

class _BallPageState extends State {
int ballNumber = 1;
void changeface(){
setState(() {
ballNumber = Random().nextInt(4) +1;
print('I got clicked');
});

}
@OverRide
Widget build(BuildContext context) {

return Scaffold(
  backgroundColor: Colors.white,
  appBar: AppBar(
    backgroundColor: Colors.black87,
    title: Center(child: Text(' MAGIC BALL')),
  ),
  body: SafeArea(
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Expanded(
          child: TextButton(
              onPressed: () {
                changeface();
              },
              child: Image.asset('images/ball$ballNumber.png')),
        ),
      ],
    ),
  ),
);

}
}

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

void main() => runApp(
MaterialApp(
home: Scaffold(
backgroundColor: Colors.grey[300],
appBar: AppBar(
title: Center(
child: Text(
'Ask Me Anything',
style: TextStyle(
fontSize: 45.0,
fontWeight: FontWeight.w300,
),
),
),
backgroundColor: Colors.black12,
),
body: ballPage(),
),
),
);

class ballPage extends StatefulWidget {
@OverRide
_ballState createState() => _ballState();
}

class _ballState extends State {
int ballNumber = 1;
@OverRide
Widget build(BuildContext context) {
return Center(
child: Expanded(
child: FlatButton(
visualDensity: VisualDensity.standard,
focusColor: Colors.white,
onPressed: () {
setState(() {
ballNumber = Random().nextInt(5) + 1;
print('i got clicked');
});
},
child: Image.asset(('images/ball$ballNumber.png')),
),
),
);
}
}

// FlatButton is now outdate Inkwell will be a grate help.

class _BallState extends State {
@OverRide
Widget build(BuildContext context) {
return Center(
child: InkWell(
onTap: (){
print('It get click');
},
child: Image.asset('images/ball1.png'),
),
);
}
}

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> {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Row(
        children: <Widget>[
          Expanded(
              child: FlatButton(
            onPressed: () => {print('I got clicked')},
            child: Image.asset('images/ball1.png'),
          ))
        ],
      ),
    );
  }
}

My solution

import 'package:flutter/material.dart';

void main() {
runApp(const MyApp());
}

class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
static const String _title = 'Magic Ball';
// This widget is the root of your application.
@OverRide
Widget build(BuildContext context) {
return const MaterialApp(
title: _title,
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: const Text('Ask Me Anything'),
backgroundColor: Colors.blue.shade900,
),
body: const Ball(),
);
}
}

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

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

class _BallState extends State {
@OverRide
Widget build(BuildContext context) {
return Center(
child: TextButton(
onPressed: () {
print('I got clicked');
},
child: Image.asset('images/ball1.png'),
),
);
}
}

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: BallPage (

        ),
    ),
  ),
);

class BallPage extends StatefulWidget {

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

class _BallPageState extends State {
@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: () {
                 print('I got pressed ');
            },
                child: Image.asset('images/ball1.png')),
            
          ),
        ),
      ],
    ),
  ),
);

}
}

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) +1 ;
                
               });
                 print (ballNumber);
            },
                child: Image.asset('images/ball$ballNumber.png')),
            
          ),
        ),
      ],
    ),
  ),
);

}
}

class _BallState extends State {
@OverRide
Widget build(BuildContext context) {
return Center(
child: TextButton(
onPressed: () {
print('I got clicked');
},
child: Image.asset('images/ball1.png'),
),
);
}
}

The code provided should be updated as FlatButton is now deprecated and can be replaced by TextButton or ElevatedButton.

这是来自QQ邮箱的假期自动回复邮件。您好，已收到你的邮件，我将尽快回复，谢谢。

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> {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: TextButton(
        onPressed: () {
          print('I got clicked');
        },
        child: Image.asset('images/ball1.png'),
      ),
    );
  }
}

这是来自QQ邮箱的假期自动回复邮件。您好，已收到你的邮件，我将尽快回复，谢谢。

import 'package:flutter/material.dart';

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
Widget build(BuildContext context) {
return Center(
child: TextButton(
onPressed: () {
print('I got clicked');
},
child: Image.asset('images/ball1.png'),
),
);
}
}

这是来自QQ邮箱的假期自动回复邮件。您好，已收到你的邮件，我将尽快回复，谢谢。

import 'package:flutter/material.dart';

void main() {
runApp(const MaterialApp(
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(
backgroundColor: Colors.blue[900],
title: Text('ask me anything'),
),
body: Ball(),
);
}
}

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

@override
State createState() => _BallState();
}

class _BallState extends State {
@override
Widget build(BuildContext context) {
return TextButton(
onPressed: () {
print('i got clicked');
},
child: Center(
child: Image.asset('images/ball1.png'),
),
);
}
}

这是来自QQ邮箱的假期自动回复邮件。您好，已收到你的邮件，我将尽快回复，谢谢。

I couldn't find FlatButton in the latest Flutter SDK. I have used TextButton instead of FlatButton. The code as follows:

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[100],
      appBar: AppBar(
        title: Text('Ask Me Anything'),
      ),
      body: Ball()
    );
  }
}

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

class _BallState extends State<Ball> {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: TextButton(
          onPressed: () {
            print("I got clicked");
          },
          child: Image.asset('images/ball1.png')
      ),
    );
  }
}

This is how I got my code to work:

import 'package:flutter/material.dart';

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

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

  @override
  State<Ball> createState() => _BallState();
}

class _BallState extends State<Ball> {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: TextButton(
          onPressed: () {
              print('Button clicked!');
            },
          child: Image.asset('images/ball1.png'),
      )
    );
  }
}


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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.blue,
      appBar: AppBar(
        title: Text('Ask Me Anything',
          style: TextStyle(
              color: Colors.white
          ),
        ),
        backgroundColor: Colors.blue.shade900,
      ),
      body: Ball(),
    );
  }
}

Thank you @angelabauer

这是来自QQ邮箱的假期自动回复邮件。您好，已收到你的邮件，我将尽快回复，谢谢。