서버 통신하기-2. 상세 페이지 보기

1. 페이지 이동때 매개변수 전달하기

2.

PostDetailModel? model = ref.watch(postDetailProvider);

// 3. 창고 관리자 (Provider)
final postDetailProvider =
    StateNotifierProvider.family<PostDetailVm, PostDetailModel?, int>(
        (ref, id) {
  return PostDetailVm(null)..notifyInit(id);
});

지금 하지는 않지만 내용이 하나만 생성되도록 하는 법

매변 새로 생성되게 하지 않게 하려면 const 로 생성하거나, singleton 패턴을 활용할 수 있습니다.

class PostDetailModel {
  int id;
  String title;
  String content;
  DateTime createdAt;
  DateTime updatedAt;

  PostDetailModel.fromMap(map)
      : this.id = map["id"],
        this.title = map["title"],
        this.content = map["content"],
        this.createdAt = map["createdAt"],
        this.updatedAt = map["updatedAt"];
}

import 'package:blog/ui/detail/post_detail_vm.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

class PostDetailBody extends ConsumerWidget {
  int id;
  PostDetailBody(this.id);

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    PostDetailModel? model = ref.watch(postDetailProvider(id));

    if (model == null) {
      return Center(child: CircularProgressIndicator());
    } else {
      return Padding(
        padding: const EdgeInsets.symmetric(horizontal: 16),
        child: Column(
          children: [
            Align(
              alignment: Alignment.centerRight,
              child: ElevatedButton(
                child: Icon(CupertinoIcons.trash_fill),
                onPressed: () {},
              ),
            ),
            SizedBox(height: 10),
            Text("id : ${model.id}", style: TextStyle(fontSize: 20)),
            Text("title : ${model.title}"),
            Text("content : ${model.content}"),
            Text("createdAt : ${model.createdAt}"),
            Text("updatedAt : ${model.updatedAt}"),
          ],
        ),
      );
    }
  }
}