如果我一起撰寫行內和外部 CSS 樣式，則外部 CSS 樣式表不適用。
我擁有的樣式表：
const furStyles = StyleSheet.create({
title_text: {
fontSize: 46,
textAlign: 'center',
fontWeight: 'bold',
}
})
下面是出現問題的代碼。只有color:'#ED9780'有效。如果我添加{color:'#ED9780'}行內，則上面的樣式表根本不適用。僅當我洗掉括號中的行內樣式{textAlign: 'center',color:'#ED9780'}時才會應用樣式表
<Text style={furStyles.title_text,{color:'#ED9780'}}>BEST</Text>
為什么會這樣？任何幫助將不勝感激。
uj5u.com熱心網友回復：
要在Expo (React Native)中組合（多個）行內和樣式表參考，您需要在陣列中提供它們，例如：
// Notice that the only change to your code was adding square brackets `[]`
<Text style={[furStyles.title_text,{color:'#ED9780'}]}>BEST</Text>
作業零食：https ://snack.expo.dev/Coo98ohRQ
來源：https ://freecontent.manning.com/applying-and-organizing-styles-in-react-native/
也可以將這兩種方法結合起來；使用行內樣式和對樣式表的參考指定一組樣式屬性：
風格={[{顏色：'黑色'}，styles.message]}
uj5u.com熱心網友回復：
通常，出于這個原因，行內樣式將被用作最后的手段。如果在 inline 屬性中指定了規則style，則它優先于可能在其他地方應用的所有其他樣式，除非使用了!important關鍵字。!important 您可以在此處閱讀更多資訊，但您應該（幾乎）不惜一切代價避免使用它。
uj5u.com熱心網友回復：
試試看
<Text style={{...furStyles.title_text,color:'#ED9780'}}>BEST</Text>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/425022.html