Undefined name 'uid'. Try correcting the name to one that is defined, or defining the name.

Question

実現したいこと

• FlutterでFirebase storageへの画像のアップロードの方法を知り、今後の開発の知見を得たい。

前提

FlutterでのFirebaseへの画像のアップロードの方法を動画を見ながら学習していますが、受け取るべき変数というものをどういったものを設定するのが良いかというのがいまいち掴めていないために、開発が止まっており、1時間近く経っても状況が改善しないため、有識者の方にご教示していただきたいなと考えています。

発生している問題・エラーメッセージ

Undefined name 'uid'.
Try correcting the name to one that is defined, or defining the name.

該当のソースコード

import 'dart:io';

import 'package:chat_app/firestore/post_firestore.dart';
import 'package:chat_app/model/post.dart';
import 'package:chat_app/utils/authentication.dart';
import 'package:chat_app/utils/function_utils.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';

class PostPage extends StatefulWidget {
  const PostPage({super.key});

  @override
  State<PostPage> createState() => _PostPageState();
}

class _PostPageState extends State<PostPage> {
  TextEditingController contentController = TextEditingController();
  File? image;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.transparent,
      appBar: AppBar(
        shape: const RoundedRectangleBorder(
          borderRadius: BorderRadius.only(
            topLeft: Radius.circular(30),
            topRight: Radius.circular(30),
          ),
        ),
        elevation: 0,
        iconTheme: const IconThemeData(
          color: Colors.black,
        ),
        centerTitle: false,
        title: const Text(
          "Create post",
          style: TextStyle(
            color: Colors.black,
            fontWeight: FontWeight.bold,
          ),
        ),
        actions: [
          OutlinedButton(
            onPressed: () async {
              if (contentController.text.isNotEmpty && image != null) {
                Post newPost = Post(
                  content: contentController.text,
                  postAccountId: Authentication.myAccount!.id,
                  id: '',
                  imagePath: '',
                  postTime: Timestamp.now(),
                );
                await FunctionUtils.uploadImage(uid, image);
                var result = await PostFirestore.addPost(newPost);
                if (result == true) {
                  if (!mounted) return;
                  Navigator.pop(context);
                }
              }
            },
            child: const Text(
              "Post",
              style: TextStyle(
                color: Colors.black,
                fontWeight: FontWeight.bold,
                fontSize: 20,
              ),
            ),
          ),
        ],
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            Expanded(
              child: TextField(
                controller: contentController,
                maxLines: null,
                decoration: const InputDecoration(
                  hintText: "What's on your mind?",
                  border: InputBorder.none,
                ),
                cursorColor: Colors.black,
              ),
            ),
            const SizedBox(
              height: 30,
            ),
            image == null
                ? const SizedBox()
                : ClipRRect(
                    borderRadius: BorderRadius.circular(24.0),
                    child: SizedBox(
                      height: MediaQuery.of(context).size.height * 0.3,
                      width: MediaQuery.of(context).size.width * 0.9,
                      child: Image.file(
                        image!,
                        fit: BoxFit.cover,
                      ),
                    ),
                  ),
            const Divider(height: 1),
            ListTile(
              leading: const Icon(Icons.photo_library),
              title: const Text("Add a photo"),
              onTap: () async {
                var result = await FunctionUtils.getImageFromGallery();
                setState(() {
                  image = File(result.path);
                });
              },
            ),
          ],
        ),
      ),
    );
  }
}

import 'dart:io';

import 'package:firebase_storage/firebase_storage.dart';
import 'package:flutter/foundation.dart';
import 'package:image_picker/image_picker.dart';

class FunctionUtils {
  static Future<dynamic> getImageFromGallery() async {
    ImagePicker picker = ImagePicker();
    final pickedFile = await picker.pickImage(source: ImageSource.gallery);
    return pickedFile;
    // if (pickedFile != null) {
    //   setState(() {
    //     image = File(pickedFile.path);
    //   });
    // }
  }

  static Future<String> uploadImage(String uid, File image) async {
    final FirebaseStorage storageInstance = FirebaseStorage.instance;
    final Reference ref = storageInstance.ref();
    await ref.child(uid).putFile(image);
    String downloadUrl = await storageInstance.ref(uid).getDownloadURL();
    if (kDebugMode) {
      print("image_path: $downloadUrl");
    }
    return downloadUrl;
  }
}

試したこと

https://www.udemy.com/course/flutter-firebase-sns/learn/lecture/28160806#content
https://youtu.be/VZZx7YONWhc

上記2つの動画を見て、Firebase Storageへの画像アップロードの方法を学習。

Firebaseへの画像アップロードへの処理を定義した後、post_page.dart55行目にて処理を呼び出し。
Undefined name 'uid'.
Try correcting the name to one that is defined, or defining the name.が発生。
エラー文をコピペしてググり、以下のページにヒット。
https://stackoverflow.com/questions/58146451/undefined-name-context-try-correcting-the-name-to-one-that-is-defined-or-de

補足情報（FW/ツールのバージョンなど）

[✓] Flutter (Channel stable, 3.7.8, on macOS 13.2.1 22D68 darwin-x64,
locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version
32.1.0-rc1)
[✓] Xcode - develop for iOS and macOS (Xcode 14.2)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.2)
[✓] VS Code (version 1.76.2)
[✓] Connected device (3 available)
[✓] HTTP Host Availability

Answer 1

エラーメッセージが下記ということでuidの変数に値が設定される前に使用されていることが原因かと思います。

Undefined name 'uid'.

下記でuidを使用していると思いますが、この前にuidに値を設定する処理がないのではないでしょうか？

await FunctionUtils.uploadImage(uid, image);