森欄
2022-08-27 13:42:51
我在我的CSS中使用react native Platform API作為三元運(yùn)算符。例如,我正在設(shè)置高度:height: Platform.OS === 'ios' ? 40 : 50,但是,有時(shí)我想在一種情況下設(shè)置屬性,但在另一種情況下不設(shè)置屬性:height: Platform.OS === 'ios' ? 40 : <Don't set height>實(shí)現(xiàn)此目的的正確邏輯是什么?
3 回答
手掌心
TA貢獻(xiàn)1942條經(jīng)驗(yàn) 獲得超3個(gè)贊
我使用的方法是制作2個(gè)樣式組件:
const styles = StyleSheet.create({
withHeight: {
color: 'red',
height:40
},
withoutHeight:{
color:'red'
}
});
因此,在您的組件中,您可以執(zhí)行以下操作:
<View style={Platform.OS =='ios'?styles.withHeight:styles.withoutheight}>
希望它有幫助。隨時(shí)存疑
慕容3067478
TA貢獻(xiàn)1773條經(jīng)驗(yàn) 獲得超3個(gè)贊
您可以編寫另一個(gè)三元運(yùn)算符,如下所示
height: Platform.OS === 'ios' ? 40 : Platform.OS === 'android' ? 50 : 0
拉莫斯之舞
TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超10個(gè)贊
如果不想設(shè)置顯式值,可以:
1) 僅有條件地添加高度屬性:
if (Platform.OS === 'ios') {
styles.height = 40;
}
2) 使用未定義的值:
height: Platform.OS === 'ios' ? 40 : undefined,
添加回答
舉報(bào)
0/150
提交
取消
