任何人都可以幫助我了解此功能的目的嗎?
有沒有人有他們實施它的真實體子?
我理解給出的示例,但我看不到現實世界需要將不透明度重命名為透明度,所以我確信它可以解決一些實際問題?
uj5u.com熱心網友回復:
檔案中給出的示例不僅僅是重新映射不透明度的名稱 - 它反轉了值。這個例子可能更有趣,transform也需要 atheme和themeKey。我做了一個使用這些的更復雜的例子。因此,對于progress從 0 到 1 的值,您會為簡單主題獲得一種顏色,為深色主題獲得黃色陰影,為淺色主題獲得藍色陰影。
const transparency = createRestyleFunction({
property: 'progress',
styleProperty: 'color',
transform: ({value, theme, themeKey}) => themeKey === 'simple'
? theme['color']
: `rgb(${
themeKey === 'dark' ? 250 * value : 0
}, ${
themeKey === 'dark' ? 200 * value : 0
}, ${
themeKey === 'dark' ? 0 : value * 250
})`,
});
所以它基本上是一個更強大的工具來創建別名/縮寫(restyled 充滿了這些),它還允許您轉換值,可能基于您選擇的主題。我懷疑它是否被廣泛使用,但它可能很有趣。
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/475101.html
