主题(样式)

主题(样式)

如何美化我的应用程序?

Flutter 附带了一个内建的漂亮的 Material Design 实现,它处理了许多您通常会做的样式和主题需求

Xamarin.Forms 确实有一个全局的 资源字典,可以为你的应用程序共享样式。另外,预览版目前还支持主题。

在 Flutter 中,需要在最顶级 widget 中声明主题。

要在应用程序中充分利用 Material 组件,需要声明一个最顶级 widget MaterialApp 作为应用程序的入口点。MaterialApp 是一个方便的 widget,它封装了许多实现Material Design的应用程序通常需要的各种 widget。它通过添加 Material 的指定功能来构建一个 WidgetsApp。

还可以使用一个 WidgetApp 作为应用程序的 widget,它提供了一些相同的功能,但没有 MaterialApp 丰富。

要定制任何子组件的颜色和样式,请将主题数据(ThemeData)对象传递给MaterialApp widget。例如,在下面的代码中,主色调设置为蓝色,文本选择颜框色为红色。

class SampleApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Sample App',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
        textSelectionColor: Colors.red
      ),
      home: new SampleAppPage(),
    );
  }
}