flutter中如何自定义主题颜色?
在Flutter中,可以通过ThemeData来自定义主题颜色。以下是一个简单的例子:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'MyApp',
theme: ThemeData(
primarySwatch: Colors.green, // 设置主题颜色
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('My HomePage'),
),
body: Center(
child: Text(
'Hello, World!',
style: TextStyle(
fontSize: 32.0,
color: Theme.of(context).primaryColor, // 使用主题颜色
),
),
),
);
}
}
在上面的代码中,我们在MaterialApp中设置了primarySwatch属性来设置主题颜色为绿色。然后在MyHomePage中,我们使用Theme.of(context).primaryColor来获取主题颜色,并将它作为文本的颜色。这样,我们就可以轻松地自定义主题颜色了。
原文地址: https://www.cveoy.top/t/topic/bsMJ 著作权归作者所有。请勿转载和采集!