flutter开发过程bug(不断更新)

最新推荐文章于 2025-07-03 10:51:52 发布

原创最新推荐文章于 2025-07-03 10:51:52 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

flutter 专栏收录该内容

8 篇文章

订阅专栏

在Flutter开发过程中，遇到了一个未处理的异常：无法对没有大小的渲染框进行命中测试。问题在于Column/Row内的Widget没有指定尺寸。解决方案是为该Widget提供一个尺寸，如使用Expanded或Container来设定宽度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

class ListFormState extends State<ListForm> {
    List<String> products = ["Test1", "Test2", "Test3"];
    @override
    Widget build(BuildContext context) {
      return new Container(
        child: new Center(
          child: new Column(
            children: <Widget>[
              new Row(
                children: <Widget>[
                  new ListView.builder(
                    itemCount: products.length,
                    itemBuilder: (BuildContext ctxt, int index) {
                      return new Text(products[index]);
                    }
                  ),
                  new IconButton(
                    icon: Icon(Icons.remove_circle),
                    onPressed: () { },
                  )
                ],
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
              ),
              new TextField(

[ERROR:flutter/lib/ui/ui_dart_state.cc(148)] Unhandled Exception: Cannot hit test a render box with no size.
The hitTest() method was called on this RenderBox:

解答：The problem is that you are placing the ListView inside a Column/Row. The text in the exception gives a good explanation of the error.

To avoid the error you need to provide a size to the ListView inside.

I propose you this code that uses an Expanded to inform the horizontal size (maximum available) and the SizedBox (Could be a Container) for the height:

new Row(
      children: <Widget>[
        Expanded(
          child: SizedBox(
            height: 200.0,
            child: new ListView.builder(
              scrollDirection: Axis.horizontal,
              itemCount: products.length,
              itemBuilder: (BuildContext ctxt, int index) {
                return new Text(products[index]);
              },
            ),
          ),
        ),
        new IconButton(
          icon: Icon(Icons.remove_circle),
          onPressed: () {},
        ),
      ],
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
    )