Flutterにおけるランダム関数の活用法

Flutter開発において、ランダムな値の生成は多くのシナリオで必要になります。

例えば、ゲームの開発、テストデータの生成、ユーザー体験の多様化など、さまざまな場面でランダム関数が活躍します。

この記事では、Flutterでランダム関数を使用する方法とその具体的な例を、初心者でも理解しやすいように解説します。

Dartにおけるランダム関数の基本
Flutterアプリケーションでのランダム関数の使用例
1. 色のランダム生成
2. ランダムなリスト項目の選択
まとめ

Dartにおけるランダム関数の基本

FlutterはDart言語で記述されます。

したがって、ランダムな値を生成するためには、DartのRandomクラスを使用します。

まずは、このRandomクラスから始めましょう。

import 'dart:math';

void main() {
  var rnd = Random();
  var randomValue = rnd.nextInt(10); // 0から9までのランダムな整数
  print(randomValue);
}

上記のコードでは、Randomクラスのインスタンスを生成し、nextIntメソッドを使って0から9までのランダムな整数を生成しています。

nextIntメソッドには、生成したいランダム値の上限値を引数として渡します。

重要な点は、この上限値自体は含まれないことです。

Flutterアプリケーションでのランダム関数の使用例

色のランダム生成

FlutterアプリのUIをダイナミックにする一つの方法は、要素の色をランダムに変更することです。

以下は、ボタンを押すたびに背景色がランダムに変わる小さな例です。

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

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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  Color backgroundColor = Colors.white;

  void changeBackgroundColor() {
    setState(() {
      backgroundColor = Colors.primaries[Random().nextInt(Colors.primaries.length)];
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: backgroundColor,
        appBar: AppBar(
          title: Text('ランダムカラーアプリ'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: changeBackgroundColor,
            child: Text('色を変える'),
          ),
        ),
      ),
    );
  }
}

このコードでは、Colors.primariesリストからランダムな色を選択しています。

Colors.primariesは、プライマリカラーのリストで、Flutterが提供する便利なリソースの一つです。

ランダムなリスト項目の選択

リストからランダムな要素を選び出すこともよくあるシナリオです。

例えば、日々のモチベーションを高めるためのランダムな名言を表示するアプリが考えられます。

import 'dart:math';

void main() {
  var quotes = [
    "行動はすべての成功の基礎である。",
    "夢見ることができれば、それは実現できる。",
    "継続は力なり。",
    "自分自身を信じる勇気が、星に手を伸ばす力を与える。"
  ];

  var rnd = Random();
  var randomQuote = quotes[rnd.nextInt(quotes.length)];
  print(randomQuote);
}

この例では、quotesリストからランダムな名言を選んで表示しています。

リストの長さをnextIntメソッドに渡すことで、リストの範囲内でランダムなインデックスを生成し、そのインデックスを使用してリストから要素を選択しています。