Flutter - 6.14 Detail Info

이번에는 다음 사진처럼 웹툰의 디테일한 내용을 표시할 것이다.
home_screen에서 사용했던 방식과 동일하기 때문에, 간단하다.

          const SizedBox(
            height: 25,
          ),
          FutureBuilder(
            future: webtoon,
            builder: (context, snapshot) {
              if (snapshot.hasData) {
                return Padding(
                  padding: const EdgeInsets.symmetric(
                    horizontal: 50.0,
                  ),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(
                        snapshot.data!.about,
                        style: const TextStyle(
                          fontSize: 16,
                        ),
                      ),
                      const SizedBox(height: 15),
                      Text(
                        '${snapshot.data!.gnere} / ${snapshot.data!.age}',
                        style: const TextStyle(
                          fontSize: 16,
                        ),
                      ),
                    ],
                  ),
                );
              }
              return const Text("...");
            },
          ),

위 코드의 위치는 썸네일을 표시하는 코드의 아래 부분이다.
약간의 공간을 만들어주고, FutureBuilder를 이용해서 웹툰의 상세정보를 표현한다.