Flutter小问题及其解决方案

本文章随缘更新，希望对你有帮助。

1. 使用InkWell包裹的组件作为ListView的子组件会溢出

我们有以下界面

 ListView.builder(
  padding: const EdgeInsets.all(16.0),
  itemBuilder: (context, index) {
    return Ink(
      color: Colors.primaries[index%Colors.primaries.length],
      child: InkWell(
        onTap: (){},
        child: Container(height: 64),
      ),
    );
  },
)

我们可以发现，虽然我们已经设置了padding属性，但是列表还是调皮的超出了界限。这个时候，只要我们把Ink和InkWell用Material包裹起来，就可以解决这个问题。

ListView.builder(
  padding: const EdgeInsets.all(16.0),
  itemBuilder: (context, index) {
    return Material(
      child: Ink(
        color: Colors.primaries[index%Colors.primaries.length],
        child: InkWell(
          onTap: (){},
          child: Container(
            height: 64,
          ),
        ),
      ),
    );
  },
),