【Flutter】トップ画面に日替わりのGIF画像とテキストを表示する。

flutter:
  assets:
    - assets/images/

flutter:
  assets:
    - assets/images/specific_image.gif
    - assets/images/another_image.gif

lib/
└── services/
    └── daily_message_service.dart

// lib/services/daily_message_service.dart
import 'dart:math';
import 'package:intl/intl.dart';
import 'package:shared_preferences/shared_preferences.dart';

class DailyMessageService {
  Future<Map<String, String>> getDailyMessageAndGif() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    var now = DateTime.now();
    var formatter = DateFormat('yyyyMMdd');
    String formattedDate = formatter.format(now);

    String lastPickedDate = prefs.getString('last_picked_date') ?? "";
    Map<String, String> result = {
      'gif': 'default.gif',
      'message': 'デフォルトメッセージ'
    };

    if (formattedDate != lastPickedDate) {
      // 日付が変わったら新しいメッセージとGIFを選ぶ
      var rng = Random(now.millisecondsSinceEpoch);
      List<String> gifs = [
        'mia1.gif',
        'mia2.gif'
      ]; // assets/imagesからの相対パス（つまりファイル名）を記述
      
      List<String> messages = [
        'ふぅ〜。思考停止',
        'リラックスタイム、最高だね',
        '「なんか面白い話して」って残酷すぎない？',
        '今日は、パンケーキ食べちゃおーっと',
        'この本読み始めたら止まらない、寝不足必至だな',
        'ご注文の料理を持ってきましたニャン',
        '健康診断の結果見るの、怖いー'
      ];

      result['gif'] = gifs[rng.nextInt(gifs.length)];
      result['message'] = messages[rng.nextInt(messages.length)];

      // 選んだメッセージとGIFを保存
      prefs.setString('last_picked_date', formattedDate);
      prefs.setString('daily_gif', result['gif']);
      prefs.setString('daily_message', result['message']);
      
      print('Stored GIF: ${result['gif']}');
      print('Stored Message: ${result['message']}');
    } else {
      // 同じ日なら保存されたメッセージとGIFを使用
      result['gif'] = prefs.getString('daily_gif') ?? 'default.gif';
      result['message'] = prefs.getString('daily_message') ?? 'デフォルトメッセージ';
    }
    
    return result;
  }
}

// lib/screens/home/home_tab.dart
import 'daily_message_service.dart';

class _HomeTabState extends ConsumerState<HomeTab> {
  // ... (その他の状態変数は省略) ...
  String _dailyGif = 'default.gif';
  String _dailyMessage = 'デフォルトメッセージ';

  @override
  void initState() {
    super.initState();
    _loadDailyMessage();
  }

  void _loadDailyMessage() async {
    DailyMessageService service = DailyMessageService();
    var dailyInfo = await service.getDailyMessageAndGif();
    setState(() {
      _dailyGif = dailyInfo['gif'] ?? 'default.gif';
      _dailyMessage = dailyInfo['message'] ?? 'デフォルトメッセージ';
    });
  }

  @override
  Widget build(BuildContext context) {
    // ... (ビルドメソッドのコードは省略) ...

    return Align(
      alignment: Alignment.center,
      child: Column(
        children: [
          InkWell(
            onTap: () async {
              final message = await grpcService.sayHello('Clocky');
              debugPrint('message: ${message.message}');
            },
            child: Image.asset('assets/images/$_dailyGif',
                width: 250, height: 250),
          ),
          Spacing.h8(),
          Text(
            _dailyMessage,
            style: TextStyle(
              fontSize: 16.0,
              fontWeight: FontWeight.bold,
            ),
          ),
          // ... (その他のウィジェットは省略) ...
        ],
      ),
    );
  }
}

// lib/screens/home/home_tab.dart

final simulatedDateProvider =
    StateProvider<DateTime>((ref) => DateTime.now()); //日付シミュレーション用
    
class _HomeTabState extends ConsumerState<HomeTab> {
  @override
  void initState() {
    super.initState();
    final user = ref.read(userProvider);
    volume = user?.volume ?? 50;
    _loadDailyMessage();
  }
  
  void _advanceDay() {
    // 現在のシミュレートされた日付を1日進める
    ref.read(simulatedDateProvider.notifier).update((state) => state.add(Duration(days: 1)));

    // 新しい日付でデータを再取得する
    _loadDailyMessage();
  }

  void _loadDailyMessage() {
    DailyMessageService service = DailyMessageService();
    var date = ref.read(simulatedDateProvider);
    service.getCurrentDate = () => date;  // 日付をServiceに渡す
    service.getDailyMessageAndGif().then((result) {
      // 結果に基づいてUIを更新する
      setState(() {
        // 画像やメッセージを更新
      });
    });
  }

  Widget build(BuildContext context) {
    final simulatedDate = ref.watch(simulatedDateProvider);

    return Scaffold(
      appBar: AppBar(
        title: Text('Home'),
      ),
      body: Center(
        child: Column(
          children: [
            ElevatedButton(
              onPressed: () {
                // ボタンが押された時の処理
                _advanceDay();
              },
              child: Text('1日進める')
            ),
            // その他のウィジェット...
          ],
        ),
      ),
    );
  }

  
}

flutter: Stored GIF: mia1.gif
flutter: Stored Message: 健康診断の結果見るの、怖いー
flutter: Stored GIF: mia1.gif
flutter: Stored Message: 健康診断の結果見るの、怖いー
flutter: Stored GIF: mia1.gif
flutter: Stored Message: 朝の体重計、いつもドキドキ
flutter: Stored GIF: mia2.gif
flutter: Stored Message: こわい夢見ちゃった〜