微信交流群

老孟公众号

# WidgetsApp

一般情况下,不会直接使用WidgetsApp,而是使用MaterialApp或者CupertinoApp,WidgetsApp组件中有18个参数属性和MaterialApp一样,这些参数可以参考MaterialApp中的说明,下面说说有差别的参数。

# textStyle

应用程序默认字体,用法如下:

WidgetsApp(
  textStyle: TextStyle(fontSize: 19),
)
1
2
3

# debugShowWidgetInspector

debugShowWidgetInspector是在debug模式下打开widgets检查器,此时在模拟器(或者手机)上点击某个控件,代码会直接跳转到相关控件,用法如下:

WidgetsApp(
  debugShowWidgetInspector: true,
  ...
)
1
2
3
4

这个参数分成方便调试,在Android Studio上也有Flutter Inspector,但目前只能显示控件树,不能图形化,不过据说图形化功能已经快开发完成了,Flutter Inspector效果如下图:

# inspectorSelectButtonBuilder

打开debugShowWidgetInspector的情况下,点击一个控件时构建一个按钮,用法如下:

WidgetsApp(
  debugShowWidgetInspector: true,
  inspectorSelectButtonBuilder: (BuildContext context, VoidCallback onPressed) {
    return FloatingActionButton(
      child: const Icon(Icons.search),
      onPressed: onPressed,
      mini: true,
    );
  },
  ...
)
1
2
3
4
5
6
7
8
9
10
11