solution3.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: Image.asset('images/ball1.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: Image.asset('images/ball1.png'),
);
}
}

Yes, Got it Working

how is this possible ???

Display a image without touch the yaml file it's this posible ?

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: Center(
child: Text('Ask Me Anything'),
),
backgroundColor: Colors.blue.shade900,
),
body: Ball(),
);
}
}

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

class _BallState extends State {
@OverRide
Widget build(BuildContext context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Expanded(
child: Image.asset('images/ball1.png'),
),
],
);
}
}

I did it this way.

hi everyone
I try that look

Worked perfectly!

@angelabauer

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

void main() {
runApp(
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.shade900,
title: Center(child: Text('Ask Me anything!')),
),
body: Center(child: 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 Image(image: AssetImage('images/ball1.png'));
}
}

`
is it cool to just return the image without creating a child?

What is the diference? AssetImage vs Image.asset

body: const Center(
child: Image(
image: AssetImage('images/ball1.png'),
)));

or

return Center(
  child: Image.asset('images/ball1.png'),
);

What is the diference? AssetImage vs Image.asset

body: const Center( child: Image( image: AssetImage('images/ball1.png'), )));

or

return Center(
  child: Image.asset('images/ball1.png'),
);

https://stackoverflow.com/questions/53309622/what-is-the-difference-between-assetimage-and-image-asset-flutter
check ur answer here

Hello thanks

…

Sent from my iPhone

On Aug 30, 2022, at 6:15 PM, João Antunes Guimarães ***@***.***> wrote: ***@***.*** commented on this gist. What is the diference? AssetImage vs Image.asset body: const Center( child: Image( image: AssetImage('images/ball1.png'), ))); or return Center( child: Image.asset('images/ball1.png'), ); — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.

simple like that

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

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

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

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

class _EightBallState extends State {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.blue.shade800,
appBar: AppBar(
backgroundColor: Colors.indigo.shade900,
title: Text('magic ball - ask me anything'),
),
body: Container(
child: Center(
child: Image.asset('images/ball1.png'),
),
),
);
}
}

`

Below is my solution and it is working as expected.

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

void main() {
return runApp(
MaterialApp(
home: Scaffold(
backgroundColor: Colors.blueAccent,
appBar: AppBar(
backgroundColor: Colors.indigo.shade800,
centerTitle: true,
title: const Text(
'Ask Me Anything',
style: TextStyle(
fontSize: 35.0,
),
),
),
body: const BallPage(),
),
),
);
}

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

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

class _BallPageState extends State {
int ballNumber = 1;
@OverRide
Widget build(BuildContext context) {
return Center(
child: TextButton(
onPressed: () {
setState(() {
ballNumber = Random().nextInt(5) + 1;
});
},
child: Image(
image: AssetImage('images/ball$ballNumber.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(
backgroundColor: Colors.blue.shade900,
title: Text('Ask Me Anything'),
),
body: Ball(),
);
}
}

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

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