第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

在一行中的項(xiàng)目之間放置空間

在一行中的項(xiàng)目之間放置空間

慕少森 2022-10-08 10:26:34
有什么方法可以設(shè)置元素(從ratings視圖中)的樣式,以使它們之間自動(dòng)有一些空間?我想過(guò)打印文本(空格),但這聽(tīng)起來(lái)不是一個(gè)理想的解決方案。我還可以做些什么? <View style={styles.introContainer}>          <Text style={styles.name}>{firstName}</Text>          <View style={styles.ratings}>            <Icon name="user" size={moderateScale(20)} />            <Icon name="star" size={moderateScale(13)} />            <Text style={styles.rating}> {rating}</Text>          </View>        </View> ratings: {    flexDirection: 'row',    //alignContent: 'center',    alignItems: 'baseline',  },  introContainer: {    alignItems: 'center',    paddingTop: 50,    width: '100%',  },
查看完整描述

3 回答

?
慕桂英4014372

TA貢獻(xiàn)1871條經(jīng)驗(yàn) 獲得超13個(gè)贊

更新

抱歉,React Native 默認(rèn)不支持,所以選項(xiàng) 3 被丟棄,除非你想使用像https://www.npmjs.com/package/react-native-responsive-gridgrid這樣的第三方庫(kù)

選項(xiàng)1:

給星形圖標(biāo)一個(gè)左右邊距

選項(xiàng) 2:

width將和添加display: flexratings樣式并將其設(shè)置justifyContentspace-betweenspace-around

選項(xiàng) 3:

使用 grid 代替 flex 并設(shè)置一個(gè)grid-gap


查看完整回答
反對(duì) 回復(fù) 2022-10-08
?
牛魔王的故事

TA貢獻(xiàn)1830條經(jīng)驗(yàn) 獲得超3個(gè)贊

添加margin或添加padding到您想要為其提供更多空間的任何元素

或者您可以將 awidth應(yīng)用于一些元素并使用

display: flex;
justify-content: space-between;

所以它們間隔相等


查看完整回答
反對(duì) 回復(fù) 2022-10-08
?
哆啦的時(shí)光機(jī)

TA貢獻(xiàn)1779條經(jīng)驗(yàn) 獲得超6個(gè)贊

如果您指的是View組件的孩子,您可以嘗試使用:

.ratings > * {
 // your css here}

通過(guò)使用>,您可以定位parent選擇器的直接子代(在本例中為.ratings類(lèi)選擇器。

*表示任何類(lèi)型的子元素,但如果可以的話,您應(yīng)該更具體(所有子元素都應(yīng)該被同一個(gè)類(lèi)定位或是同一個(gè) html 元素) css 子組合器


查看完整回答
反對(duì) 回復(fù) 2022-10-08
  • 3 回答
  • 0 關(guān)注
  • 127 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)