flutter) dart math패키지사용하기, 문자열+변수 사용하기

js에서는 백틱을 이용해 js 변수명과 함께 표현할 수 있다.

let test = 'hello';
let result = `${test} world!`;

console.log(result);
// hello world!

 

dart에서도 비슷하게 사용할 수 있다.

 

var a = '나는';
var result = '$a 탐훈입니다';

pring(result);
// 나는 탐훈입니다

 

js	dart
`${변수명}`	'$변수명'

 

 

 

 

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

final randomizer = Random(); // 랜덤 함수 final로 할당함

class DiceRoller extends StatefulWidget {
  @override
  State<DiceRoller> createState() {
    return _DiceRollerState();
  }
}

class _DiceRollerState extends State<DiceRoller> {
  var currentDiceRoll = 2;

  void rollDice() {
    //..
    setState(() {
      currentDiceRoll = randomizer.nextInt(6) + 1; // nextInt(6)은 0~5까지이기떄문에
    });
  }

  @override
  Widget build(context) {
    return Column(mainAxisSize: MainAxisSize.max, children: [
      Image.asset('assets/images/dice-$currentDiceRoll.png',
          width: 400, height: 500),
      const SizedBox(
        height: 20,
      ),
      TextButton(
          onPressed: rollDice,
          style: TextButton.styleFrom(
            // padding: const EdgeInsets.only(top: 10),
            foregroundColor: Colors.white,
            textStyle: TextStyle(color: Colors.white, fontSize: 28),
          ),
          child: Text("Roll Dice"))
    ]);
  }
}