Material 是 Google 公司推出的一套设计语言,或者叫设计系统、设计风格、设计规范。我们可以参考这套规范来设计自己的应用,或者直接使用它提供的现成的组件,比如它提供了适用在 Angular 前端框架里的组件库,另外在 Flutter 框架里也提供了大量的 Material 风格的小部件,要使用它们可以先在应用里使用一个 MaterialApp 小部件。在这个小部件里包装了创建 Material 风格应用的时候必须的一些小部件,另外它还帮我们做了一些配置。
想要创建一个 Material 风格的 Flutter 应用,可以先用一个 MaterialApp 小部件。 打开之前我们在应用里创建的 App 小部件,在这个小部件里使用一个 MaterialApp 小部件。
在创建这个 MaterialApp 小部件的时候,可以设置一下它的 home 参数,对应的值可以看作是应用的首页小部件。这里我们用一个 Center 小部件,它的 child 用了一个 Text 小部件,注意这次使用这个文本小部件的时候没有设置文字的阅读方向,因为 MaterialApp 小部件已经帮我们处理好了。
页面中间现在会显示一行文字。
现在右上角这里会显示一个调试条幅,不想显示它的话,可以配置一下 MaterialApp,把 debugShowCheckedModeBanner 这个参数的值设置成 false。