flutter 如何根据应用程序主题更改谷歌Map的主题(黑暗与光明)?

gblwokeq  于 2023-01-14  发布在  Flutter
关注(0)|答案(1)|浏览(188)

根据扑动应用程序中的Map视图更改Map视图。

fkvaft9z

fkvaft9z1#

在这个网站https://mapstyle.withgoogle.com/选择你想要使用的黑暗和光明主题。点击“完成”以生成你将要下载的两个JSON文件。
将此文件作为资产导入到项目中。2我建议您将此文件隔离到一个新文件夹中,并将其添加到pubspec.yaml文件中。

assets/json/dark_mode_style.json

将以下方法添加到Map文件中,

@override
void initState() {
  super.initState();
  _loadMapStyles();
}

Future _loadMapStyles() async {
  _darkMapStyle  = await rootBundle.loadString('assets/json/dark_mode_style.json');
}

使用googleMapController添加样式,例如:

if (theme == Brightness.dark)
    controller.setMapStyle(_darkMapStyle);

根据您的逻辑管理以下样式。

相关问题