1

我正在使用Align小部件在屏幕底部中心放置一个图标按钮。

但是，我收到以下错误并且无法解决：

The specific widget that could not find a Material ancestor was: IconButton

我的代码：

return Stack(
  children: <Widget>[
    Container(
      child: GoogleMap(
        initialCameraPosition:
        CameraPosition(target: LatLng(1,1), zoom: 15),
        onMapCreated: (map) {
          mapReady;
        },),
    ),
    Align(
      alignment:Alignment.bottomCenter,
      child: IconButton(
          icon: Icon(Icons.next_week), onPressed: (){}),
    )
  ],

如果我将 IconButton 小部件替换为 Text 小部件，则效果很好。

您能否解释一下为什么它不起作用，为什么 IconButton 需要一个 Material 祖先？

4

2 回答 2

1

因为根据 IconButton 的文档（https://api.flutter.dev/flutter/material/IconButton-class.html）

图标按钮是打印在 Material 小部件上的图片，它通过填充颜色（墨水）对触摸做出反应。

[..]

要求其祖先之一是 Material 小部件。

IconButton 最有可能使用 ThemeData 以及 MaterialApp 通常提供的其他东西。

你有没有理由不使用 MaterialApp 作为祖先？

于 2019-11-02T17:46:15.207 回答
1

如果你用 Scaffold 包装你的堆栈（或一般的父级），你会得到这个错误。

在这种情况下，如果你用 Material Widget 包装你的 IconButton，我相信它会解决这个问题：

  Align(
    alignment: Alignment.bottomCenter,
    child: Material(
        child: IconButton(icon: Icon(Icons.next_week), onPressed: () {})),
  )
于 2019-11-02T18:03:57.000 回答