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