(flutter) MagicBall 만들기

기본 세팅

import 'dart:math';

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.blue,
        appBar: AppBar(
          title: Text(
            "Ask Me Anything",
            style: TextStyle(fontSize: 30.0, fontWeight: FontWeight.bold),
          ),
        ),
        body: MagicBall() ,
      ),
    );
  }
}

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

class _MagicBallState extends State<MagicBall> {
  int ballNum = 1;

  @override
  Widget build(BuildContext context) {
    return Center(
        child: FlatButton(
          child: Image.asset("images/ball$ballNum.png"),
          onPressed: () {
            print('버튼 클릭됨');

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