我試圖讓它看起來像一個精確的徽章。以下是我試圖實作這一目標的方式，
<View style={{alignSelf: 'flex-end', margin: 10}}>
<View
style={{
backgroundColor: 'red',
padding: 3,
borderRadius: 10,
alignItems: 'center',
}}>
<Text style={{color: '#fff'}}>26</Text>
</View>
<View>
<Ionicon name="ios-notifications-outline" color="#000" size={30} />
</View>
</View>
uj5u.com熱心網友回復：
您可以使用 flex 輕松實作此目的
父組件相對位置
子組件位置 absolute,top -50% , right -50%
改變數字直到你得到你想要的
uj5u.com熱心網友回復：
您可以通過對徽章使用絕對定位來實作這一點。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/513517.html
標籤：反应式