Skip to content

Instantly share code, notes, and snippets.

@ChangJoo-Park

ChangJoo-Park/listview.dart

Created August 6, 2021 04:44
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ChangJoo-Park/f0d4c68d0041199a3e55364ee670c8f3 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ChangJoo-Park/f0d4c68d0041199a3e55364ee670c8f3 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. ChangJoo-Park created this gist Aug 6, 2021.
    77 changes: 77 additions & 0 deletions listview.dart
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,77 @@
    // Copyright (c) 2019, the Dart project authors. Please see the AUTHORS file
    // for details. All rights reserved. Use of this source code is governed by a
    // BSD-style license that can be found in the LICENSE file.

    import 'package:flutter/material.dart';

    void main() => runApp(MyApp());

    class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
    return MaterialApp(
    title: 'Flutter Demo',
    debugShowCheckedModeBanner: false,
    theme: ThemeData(
    primarySwatch: Colors.blue,
    ),
    home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
    }
    }

    class MyHomePage extends StatefulWidget {
    final String title;
    MyHomePage({Key? key, required this.title}) : super(key: key);

    @override
    _MyHomePageState createState() => _MyHomePageState();
    }

    class _MyHomePageState extends State<MyHomePage> {
    @override
    Widget build(BuildContext context) {
    return Scaffold(
    appBar: AppBar(
    title: Text(widget.title),
    ),
    body: ListView(children: [
    Container(
    color: Colors.black,
    height: 200,
    child: ListView(
    scrollDirection: Axis.horizontal,
    children: [
    AspectRatio(
    aspectRatio: 16 / 9,
    child: Image.network(
    'https://picsum.photos/1920/1080?image=9',
    fit: BoxFit.contain,
    ),
    ),
    AspectRatio(
    aspectRatio: 16 / 9,
    child: Container(
    color: Colors.red,
    ),
    ),
    AspectRatio(
    aspectRatio: 16 / 9,
    child: Container(
    color: Colors.blue,
    ),
    ),
    AspectRatio(
    aspectRatio: 16 / 9,
    child: Container(
    color: Colors.yellow,
    ),
    ),
    ],
    ),
    ),
    Container(child: Text("Section")),
    ]),
    );
    }
    }