Flutter初心者の学習記録 第11回：DartのNull Safetyを理解しよう

String name = "Flutter";
name = null; // 以前は問題なく動作

String name = "Flutter";
name = null; // コンパイルエラー

String? nullableName = "Flutter";
nullableName = null; // OK - '?'で宣言されているため

// 非Null型 - nullを代入できない
String nonNullable = "Hello";

// 可Null型 - nullを代入できる
String? nullable = null;

String? name = getUserName();
int length = name?.length ?? 0; // nameがnullの場合、lengthは0になる

String? input;
String result = input ?? "デフォルト値"; // inputがnullの場合、"デフォルト値"が使用される

String? name;
name ??= "ゲスト"; // nameがnullの場合のみ代入される

String? possiblyNull = getValue();
String definitelyNotNull = possiblyNull!; // 「possiblyNullはnullではない」と断言

class MyWidget extends StatefulWidget {
  @override
  _MyWidgetState createState() => _MyWidgetState();
}

class _MyWidgetState extends State<MyWidget> {
  // late修飾子を使用すると、変数を宣言時ではなく後で初期化することができる
  late String data;

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

  Future<void> loadData() async {
    // 非同期処理でデータを取得
    data = await fetchData();
    setState(() {});
  }
  
  @override
  Widget build(BuildContext context) {
    return Text(data); // dataは必ず初期化されていると保証
  }
  
  Future<String> fetchData() async {
    await Future.delayed(Duration(seconds: 1));
    return "データが読み込まれました";
  }
}

class User {
  final String id;
  final String name;
  final String? email; // オプショナル
  final int age;
  final String? profilePicture; // オプショナル

  User({
    required this.id,
    required this.name,
    this.email,
    required this.age,
    this.profilePicture,
  });

  factory User.fromJson(Map<String, dynamic> json) {
    return User(
      id: json['id'] as String,
      name: json['name'] as String,
      email: json['email'] as String?, // nullの可能性を許容
      age: json['age'] as int,
      profilePicture: json['profile_picture'] as String?,
    );
  }
}

Future<User?> fetchUser(String userId) async {
  try {
    final response = await http.get(Uri.parse('https://api.example.com/users/$userId'));
    
    if (response.statusCode == 200) {
      return User.fromJson(jsonDecode(response.body));
    } else {
      return null; // エラー時はnullを返す
    }
  } catch (e) {
    print('エラーが発生しました: $e');
    return null;
  }
}

class UserProfileScreen extends StatelessWidget {
  final String userId;

  const UserProfileScreen({Key? key, required this.userId}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('ユーザープロフィール')),
      body: FutureBuilder<User?>(
        future: fetchUser(userId),
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.waiting) {
            return Center(child: CircularProgressIndicator());
          }
          
          // データがnullまたはエラーの場合
          if (!snapshot.hasData || snapshot.hasError) {
            return Center(child: Text('ユーザー情報を取得できませんでした'));
          }
          
          // ここでUser型と確定できる
          final user = snapshot.data!;
          
          return Column(
            children: [
              Text('名前: ${user.name}'),
              Text('年齢: ${user.age}歳'),
              // emailはnullの可能性があるため、null合体演算子を使用
              Text('メール: ${user.email ?? "未設定"}'),
              // 条件付きウィジェット表示
              if (user.profilePicture != null)
                Image.network(user.profilePicture!)
              else
                Icon(Icons.person, size: 100),
            ],
          );
        },
      ),
    );
  }
}