themes 相关问题

这是我的 styles.xml 文件： 这是我的 styles.xml 文件： <pre><code><resources>  <style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar">  <item name="android:windowBackground">@drawable/launch_background</item> <item name="android:forceDarkAllowed">false</item> <item name="android:windowFullscreen">false</item> <item name="android:windowDrawsSystemBarBackgrounds">false</item> <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item> </style>  <style name="NormalTheme" parent="Theme.MaterialComponents"> <item name="android:windowBackground">?android:colorBackground</item> </style> </resources> </code></pre> 如何在运行应用程序时在它们之间进行更改？ “启动主题”仅用于初始化应用程序，“正常主题”用于其余部分。 我发现了一个叫做toggleTheme()的东西，但它对我不起作用 </question> <answer tick="false" vote="0"> 您想在浅色模式和深色模式等主题之间切换吗？如果是，请这样做： 主题配置.dart： <pre><code>import 'package:flutter/material.dart'; import 'package:flutter_clock/utils/my_colors.dart'; ThemeData lightTheme = ThemeData.light().copyWith( tabBarTheme: TabBarTheme( indicator: const UnderlineTabIndicator( borderSide: BorderSide(color: MyColors.lightRed, width: 4.0), ), labelColor: Colors.black, unselectedLabelColor: Colors.grey.shade400, unselectedLabelStyle: TextStyle(color: Colors.grey.shade400, fontSize: 10), dividerColor: Colors.transparent, indicatorSize: TabBarIndicatorSize.label, labelStyle: const TextStyle( fontSize: 12, letterSpacing: 1.3, fontWeight: FontWeight.w500), ), primaryColor: const Color(0xFFfafafa), scaffoldBackgroundColor: MyColors.white, floatingActionButtonTheme: const FloatingActionButtonThemeData( backgroundColor: Color(0xFF2b2119), ), ); ThemeData darkTheme = ThemeData.dark().copyWith( tabBarTheme: TabBarTheme( indicator: const UnderlineTabIndicator( borderSide: BorderSide(color: MyColors.lightRed, width: 4.0), ), labelColor: Colors.white, unselectedLabelColor: Colors.grey.shade800, unselectedLabelStyle: TextStyle(color: Colors.grey.shade800, fontSize: 10), dividerColor: Colors.transparent, indicatorSize: TabBarIndicatorSize.label, labelStyle: const TextStyle( fontSize: 12, letterSpacing: 1.3, fontWeight: FontWeight.w500), ), scaffoldBackgroundColor: MyColors.backgroundColor, iconTheme: const IconThemeData(color: Colors.black), primaryColor: Colors.amber); </code></pre> ThemeData darkTheme = ThemeData.dark().copyWith( tabBarTheme: TabBarTheme( 指示器：const UnderlineTabIndicator( borderSide：BorderSide（颜色：MyColors.lightRed，宽度：4.0）， ), labelColor：颜色.白色，未选择的LabelColor：Colors.grey.shade800，未选择的标签样式： TextStyle(颜色: Colors.grey.shade800, 字体大小: 10), 分隔线颜色：Colors.transparent， IndicatorSize：TabBarIndicatorSize.label， labelStyle: const TextStyle( 字体大小：12，字母间距：1.3，字体粗细：FontWeight.w500）， ), 脚手架背景颜色：MyColors.backgroundColor， iconTheme: const IconThemeData(颜色: Colors.black), PrimaryColor：颜色.琥珀色）； ThemeData 万圣节主题 = ThemeData.dark().copyWith( tabBarTheme: TabBarTheme( 指示器：const UnderlineTabIndicator( borderSide：BorderSide（颜色：Colors.purple，宽度：4.0）， ), labelColor：颜色.白色，未选择的LabelColor：Colors.grey.shade800，未选择的标签样式： TextStyle(颜色: Colors.grey.shade800, 字体大小: 10), 分隔线颜色：Colors.transparent， IndicatorSize：TabBarIndicatorSize.label， labelStyle: const TextStyle( 字体大小：12，字母间距：1.3，字体粗细：FontWeight.w500）， ), 脚手架背景颜色：MyColors.backgroundColor， iconTheme: const IconThemeData(颜色: Colors.black), PrimaryColor：颜色.琥珀色）； 然后，在主文件中添加以下内容： main.dart： <pre><code>import 'theme_config.dart'; class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: darkTheme. home: const MyHomePage(title: 'Flutter Demo Home Page'), ); } } </code></pre> 或者 如果您只想要浅色或深色主题，请调用此方法： <pre><code>class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData.dark(), home: const MyHomePage(title: 'Flutter Demo Home Page'), ); } } </code></pre> 注意：我有时用<pre><code>MyColors.</code></pre>，你应该用<pre><code>Colors.</code></pre> </answer> </body></html>

flutter styles themes

回答 0 投票 0

React 中的主题更改

什么包/库最适合在反应中更改主题？我要提一下，我没有使用 Tailwind，只是简单的 scss。是否有类似的替代方案，例如 next-themes 是 nextjs 的？或者你做什么

reactjs themes darkmode

回答 1 投票 0

如何在样式表创建中使用 useTheme 挂钩？

我想在组件内的样式表创建函数中使用我的 React Native Paper 主题中的颜色。这是我的代码从 'react-native' 导入 { StyleSheet, Text, View }; 导入 {

react-native themes react-native-paper

回答 3 投票 0

pubspec 中的 flutter 暗模式启动画面设置

我使用包splash_screen_view作为我的启动屏幕。它获得了应用程序默认主题的深色和浅色图像。但如果用户手机主题是浅色的，想要使用应用程序深色的，怎么办...

flutter dart themes splash-screen

回答 2 投票 0

PHPMyAdmin 中的深色主题

我似乎无法激活此功能。我的 config.inc.php 文件设置为以下行： $cfg['Console']['DarkTheme'] = true; 更多信息请点击这里： https://docs.phpmyadmin.net/en/latest/...

phpmyadmin themes

回答 6 投票 0

Liferay：从 portlet 将自定义变量放入主题中

首先，我是 Liferay 的新手。已经有几天我对此摸不着头脑了，但找不到任何东西，即使乍一看似乎很容易。我正在创建一个 portlet w...

java themes liferay portlet

回答 3 投票 0

我正在使用狮身人面像主题雪花石膏。如何在电脑上获得更宽的屏幕？

窗口的内容部分对于我的预期用途来说太窄了。我已经在 html_theme_options 中尝试了“body_max_width”：“none”。我还尝试过“custom.css” .wy-nav-cont...

window themes size python-sphinx

回答 1 投票 0

Drupal 主题：Omega drupal .info 文件？

我正在使用 Omega 儿童主题。我已经重命名了所有的功能。我是 drupal 的新手，但也是一位经验丰富的 WordPress 用户。我对主题配置有点沮丧。 ...

php drupal themes drupal-theming

回答 2 投票 0

Flutter 主题和自定义小部件

我是 Flutter 主题化的新手，我正在尝试找出为 Flutter 应用程序和我的自定义小部件主题化的正确方法。我的目标是：编写大部分应用程序主题我...

flutter widget themes

回答 1 投票 0

如何让首选颜色方案灯光使用默认颜色值？

而不是单独定义 Preferred-color-scheme: light 上的所有更改，如何才能使其自动应用所有默认引导颜色值？

html css bootstrap-4 media-queries themes

回答 1 投票 0

ZK 中与主题相关的 CSS 格式

我有一个带有一些 CSS 格式的 ZK 应用程序。我的 CSS 中的颜色是根据 Sapphire 主题选择的（不幸的是我必须使用 ZK 7）。现在我想要有环境依赖的主题（

css themes zk

回答 1 投票 0

如何在 VueJS 中更改主题（深色/浅色）

我在 VueJS 中遇到问题。我编写了一个网站，我想添加一个太阳图标。我想在单击图标时更改主题。你知道;如果主题是深色的，则做浅色，反之亦然。我认为emit() 不是...

vue.js themes vuejs3 emit

回答 2 投票 0

themes 相关问题

最新问题