標簽[styled-system] - 堆棧內存溢出

[英]Is it possible to override the theme sizes of NativeBase to obtain rem units?

我是NativeBase的新手，我正在覆蓋默認主題以獲得我想使用rem單位的自定義主題。我正在使用extendTheme function，如文檔中所述：但是，如果我嘗試在元素中使用它，大小會保持不變。目前，我通過使用 function 來模擬相同的效果來創建解決方法：所以我可以但這不是 ...

Typescript + Styled-Components + Styled-System：沒有重載匹配此調用

[英]Typescript + Styled-Components + Styled-System: No overload matches this call

所以當我使用 Typescript + Styled-Components + Styled-System 時，我得到了著名的“沒有重載匹配這個調用”錯誤。到目前為止，我發現的解決方案要求我將泛型type/interface傳遞給樣式化組件。我用ButtonProps做的。那么我做錯了什么？ ...

如何向 typescript 中的數字數組添加別名

[英]How can I add aliases to an array of numbers in typescript

我正在嘗試向數字數組添加一些別名，但 typescript 不會接受它，這是代碼：編譯器錯誤： ...

為什么在使用帶有樣式組件的樣式系統時，我在智能感知中看不到道具？

[英]Why I can't see props in intellisense when using styled-system with styled components?

所以，首先，我這樣聲明我的組件：然后我就用它：最終，道具工作正常，但 vscode intellisense 根本看不到它。有什么解決辦法可以解決嗎？ ...

'Box' 組件與 css 道具布局，選擇什么？

[英]'Box' component vs css prop for layout, what to choose?

我現在正在使用 styled-system 和 Emotion，但我無法理解哪種方法更適合使用。我有一些“Box”組件，它處理來自https://styled-system.com/api/的不同道具，如 mx、my、px、py、bg、color 和許多其他道具。有時我有以下情況：我有一些“ ...

樣式組件、樣式系統、情感和主題 UI？

[英]Styled-components, Styled-system, emotion and theme-ui?

有人可以解釋Styled-components, Styled-system, emotion and theme-ui之間的區別嗎？此外，這些庫如何適應 MDX 環境？注意：我已經閱讀了所有文檔，但無法找出差異 ...

樣式系統中的標題組件

[英]Heading component in styled system

如何使用樣式系統和樣式組件創建通用標題組件？以下有效，但我所有的標題都使用 h1 標簽。我試圖創建一個 HeadingBase 組件，如：但是我在<Component {...props} />處收到錯誤，因為它沒有用於 TextAlignProps 和 ColorProps 的 ...

一切都可以使用“盒子”組件嗎？

[英]Is it okay to use “Box” component for everything?

我目前正在使用帶有樣式系統插件和文檔的情感，有一些 Box 組件的示例，我們可以使用它來創建一些布局塊，例如： <Box width={1/2}> <Box mb={2}> box 1 </Box> <Box mb={2}> box 2 </ ...

如何將樣式系統與反應材料結合起來？

[英]How combine styled-system with react material?

我想在我的項目中使用樣式系統，即管理面板。我基於 React Material 構建了項目，我有很多不同的 forms 輸入、選擇、復選框等。在許多地方，我必須為元素設置一些邊距/填充，並且我使用一些自定義 Box 組件來制作這一刻，該組件使用樣式系統功能（空間、顏色等）。但最后我得到了一個 ...

樣式系統自定義斷點

[英]styled-system Custom Breakpoints

我想指定我自己的自定義斷點。 https://styled-system.com/responsive-styles/#using-objects的文檔僅涉及theme.js 。但我不明白在哪里放置theme.js ？或找到它？以及如何將其導入項目？以及如何使用別名定義斷點並使用普通對象作 ...

如何 output 故事書中帶有樣式圖標的圖標列表

[英]How to output a list of icons in storybook with styled-icons

目前我正在手動添加圖標，但是對於幾個圖標來說，這種方式沒有問題。但是如果有 100 個圖標，它就變成了一個真正的問題。我怎樣才能使它可重復使用。所以我可以應用這個元素，讓它成為我想要的任何圖標。最后它應該看起來像這樣。 // styled components import { Facebo ...

使用 React Styled System 從主題訪問值

[英]Access values from theme with React Styled System

在我的 React 項目中，我將Emotion和Styled System用於我的設計系統和樣式。在theme.js我有一些值（創建響應式 CSS 網格）：如何從我的 theme.js 訪問這些鍵，以便我可以像這樣使用它們：我已經使用了 Emotion 的 ThemeProvider：這如何 ...

“CssFunctionReturnType”類型不可分配給“InterpolationFunction”類型<any> '.ts(2769)

[英]Type 'CssFunctionReturnType' is not assignable to type 'InterpolationFunction<any>'.ts(2769)

最近，我每次嘗試使用樣式系統中的 css 函數時都會遇到錯誤。它之前運行良好，沒有任何錯誤。不，我不斷收到錯誤消息：類型“CssFunctionReturnType”不可分配給類型“InterpolationFunction”.ts(2769) 這是發生錯誤的代碼片段：其余的錯 ...

Styled-systems 沒有出現在 web 上，因為它在移動端反應本機

[英]Styled-systems doesn't appear on the web as it does on mobile in react native

今天我用 expo 開始了一個項目，我想使用 styled-system。我使用 Styled 系統創建並使用了一個自定義組件。雖然在移動設備上看起來不錯，但 styles 不會出現在 expo web 上。這是什么原因？為了展示我編寫的代碼作為示例，我將文本組件和主屏幕編寫如下。這是它在 ...

為什么 css-in-js 系統需要 ThemeProvider/useTheme

[英]Why do css-in-js systems need ThemeProvider/useTheme

（或類似命名，取決於庫）這些功能純粹是為了便於在應用程序中訪問主題還是提供一些功能/性能優勢？我通過將主題導入到組件中直接訪問主題或通過 ThemeProvider 訪問主題有什么區別？ ...

使用帶有樣式組件和主題的 react-test-renderer (React Native)

[英]Using react-test-renderer w/ styled-components & Theme (React Native)

我有一個使用styled-system的styled-component ，它運行良好，但是當我去測試組件時，我似乎無法讓它從主題正確填充樣式。這很奇怪，因為如果我應用像marginLeft={1}這樣的道具，這個樣式會從Theme.space屬性正確轉換。這是color系統的問題嗎？文本 ...

樣式系統 | 組件內解析主題樣式function

[英]styled-system | Resolve theme style function within component

我試圖找出默認情況下如何在組件內解析樣式系統 function。這個想法是有一個容器元素，它使用開箱即用的主題來提供主要的響應中斷。現在我在下面做的是提供樣式系統width function 和 object，如下所示：這確實有效，但是，它並不像我想要的那樣干凈。我很想能夠簡單地擁有這樣 ...

如何使用打字稿和情感修復 Box 組件上的“屬性“顏色”類型不兼容”

[英]How to fix 'Types of property 'color' are incompatible' on Box component using typescript and emotion

我正在嘗試在一個新項目上制作一個通用的Box react 組件。這將是所有其他組件的基礎。我使用 styled-system、emotion 和最終的 theme-ui 來處理我所有組件的主題和樣式。我的根Box組件如下所示：我正在使用樣式函數以及樣式系統中的相關類型來創建一個接受空間 ...

如何使用樣式系統響應式道具

[英]How to use styled-system responsive props

我可以使用styled-system事情嗎？或者這個（因為我知道它也可以通過其他“樣式道具”來完成，例如width ，但我更喜歡使用帶有鍵的 object ）：我認為上面的代碼示例是自描述的，它們遵循庫的模式，但為了清楚起見，我將值（圖像源）映射到斷點（默認和下一個）。例如，這是開箱即用的： ...