3 回答

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: flex
到ratings
樣式并將其設(shè)置justifyContent
為space-between
或space-around
選項(xiàng) 3:
使用 grid 代替 flex 并設(shè)置一個(gè)grid-gap

TA貢獻(xiàn)1830條經(jīng)驗(yàn) 獲得超3個(gè)贊
添加margin
或添加padding
到您想要為其提供更多空間的任何元素
或者您可以將 awidth
應(yīng)用于一些元素并使用
display: flex; justify-content: space-between;
所以它們間隔相等

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 子組合器
添加回答
舉報(bào)