• Using Expanded/ListView/Row/Column layout

    import 'package:flutter/material.dart';
    
    class Mall extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text("Mall"),
            centerTitle: true, ), body: MallContent(), ); }}class MallContent extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return Padding(
          padding: const EdgeInsets.all(8.0),
          child: Column(
            children: [
              Container(
                height: 180,
                color: Color(0xffff793f),
    
              ),
              SizedBox(height: 10),
              Container(
                height: 180,
                child: Row(
                  children: [
                    Expanded(
                      flex: 2,
                      child: Image.network("https://www.itying.com/images/flutter/1.png",fit:BoxFit.cover),
                    ),
                    SizedBox(width: 10,),
                    Expanded(
                      flex:1,
                      child:ListView(
                        children: [
                          Image.network(
                            "https://www.itying.com/images/flutter/2.png",
                             height: 85,
                             fit: BoxFit.cover,
                          ),
                          SizedBox(height: 10,),
                          Image.network(
                            "https://www.itying.com/images/flutter/3.png",
                             height: 85, fit: BoxFit.cover, ), ], ) ) ], ), ) ], ), ); }}Copy the code