我一直喜歡檢查樣式化組件,但是將抽取所有內容抽取到組件中的概念有點卡住,以及如何針對特定用例調整樣式。例如: <Flex>
<MyStyledTitle>Hello I am a Title</MyStyledTitle>
<MyStyledBodyText>blah</MyStyledBodyText>
</Flex>
比方說,我想爲這個用例以下的定製: 風格的標題灰色
是否有方法使用酶淺法和樣式化組件的ThemeProvider包裝來測試樣式化組件的文本內容? class MyComponent extends React.component {
...
render(){
return (
<StyledComponent_A>
<StyledComponent_B>
some te
Button組件一般由包含TouchableHighlight(或其他可觸摸的)的Text元素組成。我正在嘗試使用樣式組件創建一個Button組件樣式,但是難以讓我的樣式動態地響應道具。 按鈕組件 下面,我創建了一個Button組件類似的風格分量文檔中發現的Adapting based on props例子。 import React from 'react';
import { Text, T