Next 13 & Tailwind 暗模式閃爍

[英]Next 13 & Tailwind Darkmode Flickering

我希望通過 Next 13 的新 appDir 實現此博客中列出的結果。 無閃爍深色主題切換我的暗模式在刷新時閃爍。 // pages/_app 不再存在。 您如何更改 < themeProvider > 以匹配新的 layout.tsx？ 我的文件列在下面。 謝謝你的任何知識。 快 ...

嵌套 ThemeProvider 覆蓋主題樣式定義

[英]Nested ThemeProvider overrides theme style definition

我需要能夠渲染一個組件，然后使用 useEffects 進行額外的渲染。 在下面的代碼中，組件提供了一個主題，每個 useEffect 呈現具有自己主題的組件。 但是在最終的反應渲染中，原始組件的樣式被第二個 useEffect 的組件的主題覆蓋。 使用此設置如何將每個主題應用於其相應的組件而不會泄 ...

如何解決服務器渲染后在 useState 中設置的窗口大小的根渲染問題？

[英]How to resolve root rendering issue with window size set in useState after server render?

在部署到服務器並在 Gatsby 中使用gatsby clean && gatsby build && gatsby serve進行測試后，每當訪問 root ( https://foobar.com/ ) 時，任何依賴於我的ThemeProvider的維度都無法正確 ...

使用 Material UI ThemeProvider 不改變紙張背景顏色

[英]Paper background color not changing using Material UI ThemeProvider

我正在使用 Material UI 創建一個反應前端。 我創建了一個基本的 Paper 組件，我想更改它的背景顏色並將其設置為 ThemeProvider 中設置的原色。 以下是我的代碼 原色正確應用於按鈕元素，但未正確應用於紙張。 任何幫助表示贊賞。 ...

材料 UI 中的 rtl 導致我的應用程序外觀毀了

[英]rtl in material UI cause ruined my app appearance

我在v5mui中逐步設置我的 rtl 配置。 使用： 情感作為風格引擎手寫筆v4 stylis-plugin-rtl v2 一切都很好，但是當使用一些復雜的組件時，我的應用程序外觀崩潰了。 終端中有一個警告，我認為這將是答案......但我不明白。 ...

在單獨的樣式表中使用 ThemeProvider

[英]Using ThemeProvider in separate style sheets

我一直在嘗試將 ThemeProvider 從 styled-components 集成到現有項目中。 但是在樣式表中訪問主題項時遇到以下錯誤： 在擺弄了一下之后，我找到了問題的根源。 在我一直關注的教程中，所有樣式化的組件都定義在與使用它的組件相同的文件中（即Container在App.js中定 ...

反應 material-ui v5 主題不適用於故事書

[英]react material-ui v5 theming doesnt work with storybook

我花了幾天時間嘗試自定義原色，並在調色板中再添加兩個 colors。 我能夠正確聲明新的 colors...但是目前看到按鈕上反映的那些新的 colors 不起作用。 即使我包裝在 Themeprovider 下，該按鈕也采用默認屬性。 我正在使用故事書。 這是默認按鈕樣式的外觀主題提供者自定義調色 ...

如何在 App.js 中將 DarkMode 添加到 Navigator

[英]How to add DarkMode to Navigator in App.js

我必須將 DarkMode 開關添加到適用於 React Native IOS App 中所有屏幕的屏幕之一。 下面是我將主導航器包裝在 ThemeProvider 中的 App.js 下面是 FRNavigator，它具有設置 DarkMode 的設置頁面。 FRNavigator.js 下面 ...

在 ThemeProvider React Native 中訪問顏色

[英]Getting access to a color in ThemeProvider React Native

我有一個這樣的theme ： 和一個ThemeProvider ： 我如何才能訪問下面styles內部的red color ？ 我嘗試過這樣的事情，但效果不佳。 我正在使用React Native 。 ...

使用 ThemeProvider 包裝 bit.dev 組件

[英]Wrapping bit.dev components with a ThemeProvider

我想開始使用 bit.dev 跨多個應用程序管理 React 組件。 每個應用程序都包含一個主題提供程序。 bit.dev 游樂場無法呈現組件，因為它們試圖使用主題，但它們沒有包含在主題提供程序中。 有沒有辦法將所有組件包裝在提供程序中，但僅在操場 UI 中使用時？ ...

覆蓋 createTheme 中的 Box 組件

[英]Override Box component in createTheme

我有一個應用程序，它使用 box 代替 div 通常放置在 MUI 生態系統中的位置。 我的問題是，是否可以對所有框組件進行全局主題覆蓋，就像如何使用主題提供程序全局覆蓋所有卡片的背景顏色一樣。 ...

React Mui Appbar 主題化

[英]React Mui Appbar theming

我試過主題 MUI AppBar 但我不知道主題。 我可以在不使用帶樣式的組件或其他樣式的情況下為 AppBar 設置主題樣式 api 嗎？ 調色板.js 應用程序.js ...

Flutter Riverpod，如何避免使用消費者重建整個頁面

[英]Flutter Riverpod, how avoid rebuilding whole page using consumer

我最近將 Provider 從我的項目替換為 riverpod，它與 firebase auth 一起使用以提供 auth state。 在我的登錄頁面上，我有兩個用於 email 和密碼的文本表單字段，並且我在消費者內部有登錄按鈕。 我還添加了一個主題切換開關（使用 ThemeProvider 包 ...

為什么 ThemeProvider 會產生這個錯誤？

[英]Why is ThemeProvider generating this error?

所以我對反應有點陌生，我正在嘗試為我的網站設置一個切換主題。 這些是我遵循的說明-“https://css-tricks.com/a-dark-mode-toggle-with-react-and-themeprovider/” 注意：我的應用程序是 react + NetCore 應用程序。 ...

無法重新定義屬性：ThemeProvider

[英]Cannot redefine property: ThemeProvider

無法重新定義屬性：ThemeProvider 檢查錯誤圖像在這里伙計們...... 這是在線項目鏈接... ...

Material-UI ThemeProvider 會全局覆蓋 styles 而不僅僅是包裝組件

[英]Material-UI ThemeProvider overwrites styles globally instead of only for wrapped components

我有一個帶有多個 Material-UI 選擇的 React 組件。 現在我想覆蓋其中一個的styles，所以我創建了一個主題，現在想用 ThemeProvider 應用它。 我的問題是 ThemeProvider 覆蓋了每個 Select 的 styles ，而不僅僅是它包裹的那個。 谷歌搜索時， ...

打包一個自定義的 Material UI ThemeProvider 組件

[英]Packaging a customized Material UI ThemeProvider Component

我正在使用 Material UI 的 createMuiTheme API 及其 ThemeProvider 組件為我的公司創建一個 Material UI 主題。 當我在其中包裝原生 Material UI 組件時，主題按預期工作。 我正在嘗試做的是創建一個單獨的復合 Material UI 組 ...

使用樣式化組件如何將主題顏色從全局樣式傳遞給 React Icons Context Provider？

[英]With styled components how to pass theme color from Global Style to React Icons Context Provider?

尋找一種將顏色從主題傳遞到 React 圖標的方法。 主題工作正常，我可以將 colors 傳遞給我的樣式組件。 這是細分： index.js：import React from 'react' import ReactDOM from 'react-dom' import App from ...

如何創建添加全局 css 文件的 ThemeProvider？

[英]How can I create a ThemeProvider that adds a global css file?

你將如何在 React 中添加一個全局 css 文件作為自定義 ThemeProvider 組件？ 我正在為 NPM 構建一個組件庫。 因此，它將使另一個 React 應用程序能夠全局使用 css 文件。 我試過創建一個這樣的： ...

Next JS Themeprovider 沒有獲得自定義樣式

[英]Next JS Themeprovider not getting custom styles

我是 Next JS 的新手，無法弄清楚為什么我的 ThemeProvider 沒有接收和使用我的背景顏色。 我覺得我已經正確地復制了教程，所以我必須接近對不對？ 我的錯誤是TypeError: Cannot read property 'background' of undefined g ...