腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
Themeprovider
和
样式
组件
实现
暗
模式
reactjs
、
styled-components
我不太了解
样式
组件
,我正在
使用
切换开关来切换主题,我的主题确实从深色切换到浅色,但我
使用
的图标不会切换图标。这些图标是有效的,当我改变
组件
的顺序时,月亮图标只会显示,我猜这是语法问题吧?
浏览 7
提问于2020-07-03
得票数 1
1
回答
如何嵌套上下文
和
MUI的主题提供者?
javascript
、
reactjs
、
material-ui
、
themes
、
darkmode
所以我现在有一种状态,可以在有大量嵌套
组件
的网站上切换
暗
/光
模式
。,我有一个布局,其中有导航
和
路由,包装在
ThemeProvider
中:const { isDarkTheme } = useContext(DarkModeContext如果
使用
DarkModeProvider封装
ThemeProvider
,则无法访问
暗
/光
模式
的状态,如果用DarkModeP
浏览 2
提问于2022-02-16
得票数 0
回答已采纳
2
回答
黑暗
模式
下的TextField材料界面
reactjs
、
material-ui
我有一个基本的
实现
暗
模式
的材料用户界面
和
反应,问题是如何使TextField辅助文本,标签,边界变化根据黑暗
和
光
模式
切换。,浅色在
暗
模式
。
暗
光
模式
的基本
实现
是:import Paper from
浏览 11
提问于2022-01-20
得票数 3
1
回答
基于系统暗淡
模式
的动态主题切换
flutter
、
flutter-layout
、
flutter-provider
、
flutter-theme
我一直在研究flutter中的动态
暗
模式
和
亮
模式
功能。 当我从系统设置中更改移动系统的
暗
/亮
模式
时,我想将应用程序的主题更改为
暗
主题或亮主题。但是,我无法根据移动系统的亮或
暗
模式
来更改应用程序的
暗
或亮
模式
。 我
使用
了下面的代码。main.dart import 'package:flutter/material.dart';
浏览 17
提问于2020-05-03
得票数 1
回答已采纳
2
回答
反应.带有
样式
的导航主题.
组件
react-native
、
styled-components
、
react-native-navigation
我们
使用
在应用程序中执行导航。因此,问题是我如何从这种应用程序中的
样式
组件
中
实现
主题
模式
?问题是,要按照
样式
组件
来执行主题化的想法,我必须在<
ThemeProvider
/>中包装顶级
组件
,如下所示: <App />但是有了
浏览 0
提问于2017-10-12
得票数 3
回答已采纳
1
回答
使用
useContext为下一个JS
和
Material中的所有页面设置
暗
模式
reactjs
、
material-ui
、
next.js
、
react-context
、
use-reducer
在下一个JS项目中,我尝试在我的所有页面上合并一个黑暗
模式
,
使用
材质UI进行
样式
设计,并
使用
useContext
和
useReducer挂钩来设置
暗
状态。我将上下文提供程序
和
材料主题提供程序放在_app.js中,首先是代码的其余部分,这样每个页面都可以获得相同的主题
和
上下文。标头
组件
具有开关
模式
按钮,并且正在正确读取状态。但主题并没有改变。to top"> <KeyboardA
浏览 4
提问于2022-03-17
得票数 2
1
回答
下一步JS
样式
组件
暗
模式
主题化
javascript
、
reactjs
、
next.js
、
styled-components
这可能有答案,但我找不到import { createGlobalStyle } from "styled-components"; font-family: Roboto, sans-serif;
浏览 2
提问于2021-03-11
得票数 1
1
回答
如何解决"Type“{ body: string;text: string;}‘)不能在”DefaultTheme“中键入”类型“的问题
reactjs
、
typescript
、
styled-components
、
darkmode
、
themeprovider
我是编程方面的新手,现在我正在
使用
类型记录
和
样式
组件
进行我的第一个项目。我试图为我的网站添加一个黑暗
模式
组件
,但有两天我遇到了一个我无法克服的问题。setTheme('dark') : setTheme('light') <
ThemeProvider
theme = {theme === 'light' ?>} /> <R
浏览 6
提问于2022-11-14
得票数 0
2
回答
MUI v5中抽屉颜色的变化
css
、
reactjs
、
material-ui
、
material-design
我在我的项目中
使用
MUI v5,并试图将
样式
应用于Drawer,以便背景颜色为黑色。由于该更新是最近更新的,所以如果不
使用
MUI v4中的不推荐元素,我就无法找到关于更改
组件
样式
的很多信息。我也希望得到一些关于
使用
MUI中的createTheme定义的颜色的建议。
浏览 2
提问于2021-10-10
得票数 2
回答已采纳
1
回答
在MUI5.0中TextField没有转向黑暗
模式
javascript
、
css
、
reactjs
、
material-ui
我想把多用户界面转换成
暗
模式
,但即使在
使用
了
ThemeProvider
和
CSSBaseline以及许多解决方案之后,我也想不出如何将其转换为
暗
模式
!React from 'react';import {
ThemeProvider
, typography
浏览 2
提问于2022-04-04
得票数 0
回答已采纳
1
回答
在每个故事基础上应用不同的主题故事
javascript
、
reactjs
、
styled-components
、
storybook
我在storybook (v6.1.14)中创建了一个react
组件
库。import React from "react"import {
ThemeProvider
} from "styled-components&qu
浏览 2
提问于2021-03-02
得票数 0
1
回答
切换到
暗
模式
时角度材质更改按钮
样式
css
、
angular
、
angular-material
我想要
实现
的是,当我在应用程序中切换
暗
模式
和
亮
模式
时,我想要更改按钮
样式
,当亮
模式
打开时,我有primary颜色的mat-raised-button,当我切换到
暗
模式
时,我想将按钮
样式
更改为mat-stroked-button我的header
组件
中有一个开关按钮: <mat-slide-toggle #slideToggle class="mat-primary" [ch
浏览 16
提问于2021-07-07
得票数 2
回答已采纳
3
回答
样式
化
组件
中的动态主题
reactjs
、
themes
、
styled-components
我在我的React应用程序中
使用
了
样式
组件
,并希望
使用
动态主题。有些地方会用我的深色主题,有些地方会用到光。因为
样式
化
组件
必须在
使用
它们的
组件
外部声明,所以我们如何动态地传递主题?
浏览 1
提问于2017-03-15
得票数 13
回答已采纳
1
回答
React应用程序仅在第一次状态更改时重新呈现,并且即使更改成功,第二次更改也不可见
reactjs
我正在尝试在React应用程序中
实现
暗
模式
。我已经在我的子
组件
上进行了切换,将主题更改为
暗
模式
。因此,假设我们从深色
模式
开始,单击切换,然后主题变为浅色
模式
。darkMode) <Router> <Container darkMode={darkM
浏览 28
提问于2020-10-22
得票数 1
1
回答
如何将Sass变量添加到react js中的
样式
组件
中
reactjs
、
sass
我需要在react中为
样式
化的
组件
添加sass变量,我已经通过了这个链接,并且我遵循了它们的过程。</h2> </div>const Content = styled.div` h1:${}//how i can get
浏览 1
提问于2018-09-25
得票数 0
回答已采纳
1
回答
子布局
组件
中的React/MUI
暗
模式
开关
javascript
、
reactjs
、
material-ui
、
themes
、
state
在React+MUI (JS)中,我试图在布局
组件
中
实现
一个
暗
模式
开关,但找不到状态的解决办法。目标是在布局中呈现的开关内的
模式
之间切换。您可以在这里找到我的App.js (带有路由器
和
布局)和我的Layout.jsconst [ darkMode"dark" : "light" ,}) <
Theme
浏览 1
提问于2021-06-23
得票数 0
2
回答
为什么主题在Material-UI中不起作用?
javascript
、
reactjs
、
material-ui
我正试着在我的web应用程序中添加一个很酷的主题改变功能(从亮到
暗
,反之亦然)。我正在
使用
Material-UI框架
和
react来构建应用程序。prevValue); return ( <Paper className={classes.body}> </
ThemeProvider
&
浏览 79
提问于2021-04-15
得票数 1
回答已采纳
2
回答
React Typescript:属性'body‘不存在类型'DefaultTheme’
javascript
、
reactjs
、
typescript
、
styled-components
我是新的反应和打字,我正在尝试添加
暗
模式
到我的项目,我创建了globalStyle
组件
,主题
组件
和
使用
Themeprovider
。我在globalStyle
组件
上遇到一个问题,它说:属性'body‘不存在类型'DefaultTheme’import { createGlobalStyleconst darkTheme = { body: '#363537'
浏览 1
提问于2021-03-05
得票数 2
1
回答
带有用户偏好回退的物质用户界面
暗
模式
切换
javascript
、
reactjs
、
material-ui
我试图创建一个“黑暗
模式
”切换-这是伟大的工作。但是,我希望初始状态
使用
用户的
暗
/光偏好。有更好的方法来处理这件事吗?我基本上是在寻找与网站相同的行为(用户偏好作为默认状态,具有切换
暗
/光
模式
的能力)。darkMode); <
浏览 2
提问于2020-07-23
得票数 3
回答已采纳
2
回答
如何在颤振中保存当前主题的应用程序状态?
flutter
、
dart
、
sharedpreferences
我正在为我的应用程序做
暗
模式
和
光照
模式
,但是数据持久性存在一个问题,因为当我重新启动应用程序时,我的主题回到了默认的主题,而不是上次我在应用程序中留下的主题。经过一些研究之后,我被建议
使用
toggleDarkTheme()插件,但我不知道如何在我的情况下
使用
它,因为我将主题从黑暗变为光明的方式是通过改变toggleDarkTheme()
和
toggleLightTheme()方法中的变量ThemeMode themeMode初始值来
实现
的,如下面的代码所
浏览 6
提问于2021-07-06
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
cc-inputSelView:使用uni-app和原生input组件实现选择位置组件
使用 Kafka、Debezium 和 Kubernetes 实现应用现代化的模式
如何使用C+原型模式轻松实现对象复制和动态创建?
如何使用C+备忘录模式轻松实现撤销和恢复功能?
28个顶级的React UI组件库,请查收!
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券