3.4 상세화면

readme.md

3.4 상세화면

Created with <3 with dartpad.dev.

main.dart

import 'package:flutter/material.dart';

class Webtoon extends StatelessWidget {
  String image, title;
  Webtoon({required this.image, required this.title});
  
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Image.network(image), 
        Text(title)]);
  }
}

class Subpage extends StatelessWidget {
  String image, title;
  Subpage({required this.image, required this.title});
  
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(title: Text(title)),
        body: Webtoon(image: image, title: title));
  }
}

final toons = [
  {"title": "이상한 변호사 우영우", "image": "https://my-k-toon.web.app/webtoon/1.png"},
  {"title": "외모지상주의", "image": "https://my-k-toon.web.app/webtoon/2.png"}
];

class Homepage extends StatelessWidget {
  const Homepage({key});
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(title: const Text("내폰내툰")),
        body: Row(
            children: toons
                .map((item) => GestureDetector(
                    onTap: () {
                      Navigator.push(
                          context,
                          MaterialPageRoute(
                              builder: (context) => Subpage(
                                  image: item['image']!,
                                  title: item['title']!)));
                    },
                    child:
                        Webtoon(image: item['image']!, title: item['title']!)))
                .toList()));
  }
}

void main() {
  runApp(const MaterialApp(home: Homepage()));
}