flutter layout, Listview builder 导致错误的相关小部件是：ListView

Question

my code in listview, alredy add shrinkWrap: true, The following assertion was thrown during performLayout(): Assertion failed: constraints.hasBoundedWidth is not true The relevant error-causing widget was: ListView When the exception was thrown, this was the stack:

class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key}) : super(key: key);

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  bool _isLoading = true;
  @override
  void didChangeDependencies() {
    // ignore: todo
    // TODO: implement didChangeDependencies
    super.didChangeDependencies();
    WidgetsBinding.instance!.addPostFrameCallback((timeStamp) {
      Provider.of<HomeViewModel>(context, listen: false).getWisatas();
      setState(() {
        _isLoading = false;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    final modelView = Provider.of<HomeViewModel>(context, listen: true);
    return Scaffold(
      backgroundColor: cPrimary1,
      body: _isLoading
          ? const Center(child: CircularProgressIndicator())
          : SafeArea(
              top: true,
              bottom: true,
              child: Column(
                children: <Widget>[
                  Expanded(
                    flex: 2,
                    child: Stack(
                      children: [
                        Container(
                          height: 220,
                          decoration: BoxDecoration(
                            border: Border(
                                bottom: BorderSide(width: 5, color: CSeccond)),
                            image: DecorationImage(
                                image: AssetImage("assets/tugumangga.jpeg"),
                                fit: BoxFit.fill,
                                alignment: Alignment.bottomCenter),
                          ),
                        ),
                        Positioned(
                          top: 30,
                          left: 20,
                          child: RichText(
                            text: TextSpan(
                              text: "Selamat\nDatang",
                              style: TextStyle(
                                fontSize: 36,
                                color: Colors.white,
                              ),
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                  Expanded(
                      flex: 5,
                      child: Padding(
                        padding: EdgeInsets.only(right: 20, left: 20),
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Text(
                              'Wisata Alam',
                              style: TextStyle(
                                fontSize: 18,
                                color: Colors.white,
                              ),
                            ),
                            SizedBox(
                              height: 8,
                            ),
                            SingleChildScrollView(
                              scrollDirection: Axis.horizontal,
                              child: Row(
                                mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  ListView.builder(
                                      itemCount: modelView.wisatalist.length,
                                      physics: BouncingScrollPhysics(),
                                      shrinkWrap: true,
                                      itemBuilder: (context, index) {
                                        return GestureDetector(
                                            child: BoxWisata(
                                              h: 100,
                                              w: 100,
                                              fs: 13,
                                              title: 'wisata',
                                              img: 'assets/tugumangga.jpeg',
                                            ),
                                            onTap: () => {
                                                  //   Navigator.push(
                                                  //       context,
                                                  //       MaterialPageRoute(
                                                  //         builder: (context) =>
                                                  //             DetailScreen(
                                                  //           nama: modelView
                                                  //               .wisatalist[index]
                                                  //               .nama,
                                                  //           img: [],
                                                  //         ),
                                                  //       ))
                                                });
                                      }),
                                  // BoxWisata(
                                  //   h: 100,
                                  //   w: 100,
                                  //   fs: 13,
                                  //   title: 'wisata',
                                  //   img: 'assets/tugumangga.jpeg',
                                  // ),
                                  // BoxWisata(
                                  //     h: 100,
                                  //     w: 100,
                                  //     fs: 13,
                                  //     title: 'wisata',
                                  //     img: 'assets/tugumangga.jpeg'),
                                  // BoxWisata(
                                  //     h: 100,
                                  //     w: 100,
                                  //     fs: 13,
                                  //     title: 'wisata',
                                  //     img: 'assets/tugumangga.jpeg'),
                                  // BoxWisata(
                                  //     h: 100,
                                  //     w: 100,
                                  //     fs: 13,
                                  //     title: 'wisata',
                                  //     img: 'assets/tugumangga.jpeg'),
                                  // BoxWisata(
                                  //     h: 100,
                                  //     w: 100,
                                  //     fs: 13,
                                  //     title: 'wisata',
                                  //     img: 'assets/tugumangga.jpeg'),
                                ],
                              ),
                            ),
                          ],
                        ),
                      )),
                ],
              ),
            ),
    );
  }
}

my widget box

import 'package:flutter/material.dart';

class BoxWisata extends StatelessWidget {
  final String title;
  final String img;
  final double h;
  final double w;
  final double fs;

  BoxWisata({
    Key? key,
    required this.title,
    required this.img,
    required this.h,
    required this.w,
    required this.fs,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      margin: const EdgeInsets.symmetric(horizontal: 10, vertical: 10),
      width: w,
      height: h,
      decoration: BoxDecoration(
        color: Colors.black,
        borderRadius: BorderRadius.circular(25),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withOpacity(0.6),
            offset: const Offset(
              0.0,
              10.0,
            ),
            blurRadius: 10.0,
            spreadRadius: -6.0,
          ),
        ],
        image: DecorationImage(
          image: AssetImage(img),
          fit: BoxFit.cover,
        ),
      ),
      child: Stack(children: [
        Align(
          child: Padding(
            padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 10),
            child: Text(
              title,
              style: TextStyle(
                  fontSize: fs,
                  color: Colors.black,
                  fontWeight: FontWeight.bold),
              overflow: TextOverflow.ellipsis,
              maxLines: 2,
              textAlign: TextAlign.center,
            ),
          ),
          alignment: Alignment.center,
        )
      ]),
    );
  }
}

errorcode

he following assertion was thrown during performLayout(): Assertion failed: constraints.hasBoundedWidth is not true The relevant error-causing widget was: ListView When the exception was thrown, this was the stack:

Answer 1

This might help

Column(
  children: <Widget>[
    Stack(
      children: [
        Container(
          height: 220,
          decoration: const BoxDecoration(
            border: Border(
              bottom: BorderSide(width: 5, color: Colors.green),
            ),
            image: DecorationImage(
              image: NetworkImage("https://picsum.photos/200/300"),
              fit: BoxFit.fill,
              alignment: Alignment.bottomCenter,
            ),
          ),
        ),
        Positioned(
          top: 30,
          left: 20,
          child: RichText(
            text: const TextSpan(
              text: "Selamat\nDatang",
              style: TextStyle(
                fontSize: 36,
                color: Colors.white,
              ),
            ),
          ),
        ),
      ],
    ),
    const Text(
      'Wisata Alam',
      style: TextStyle(
        fontSize: 18,
        color: Colors.white,
      ),
    ),
    const SizedBox(height: 8),
    Expanded(
      child: ListView.builder(
        scrollDirection: Axis.horizontal,
        shrinkWrap: true,
        itemCount: 100,
        physics: const BouncingScrollPhysics(),
        itemBuilder: (context, index) {
          return GestureDetector(
            child: Container(
              padding: const EdgeInsets.all(12),
              alignment: Alignment.center,
              color: Colors
                  .primaries[Random().nextInt(Colors.primaries.length)],
              child: Text('wisata $index'),
            ),
            onTap: () => {},
          );
        },
      ),
    ),
  ],
);