圖示是一個使用 react-native-svg 的 SVG。我需要它來保持縱橫比并擴展以填充父容器。我該怎么辦？
<View style={styles.container}>
<TouchableOpacity style={styles.closeContainer} onPress={onClose}>
<IconClose style={styles.closeIcon} />
</TouchableOpacity>
</View>
const styles = StyleSheet.create({
container: {
flex: 1,
},
closeContainer: {
paddingHorizontal: 26,
},
closeIcon: {
flex: 1,
},
})
uj5u.com熱心網友回復：
您可以在父級和圖示上使用 aspectRatio 屬性。就像是
<View style={styles.container}>
<TouchableOpacity style={styles.closeContainer} onPress={onClose}>
<IconClose style={styles.closeIcon} />
</TouchableOpacity>
</View>
const styles = StyleSheet.create({
container: {
flex: 1,
},
closeContainer: {
paddingHorizontal: 26,
aspectRatio: 375 / 200,
},
closeIcon: {
flex: 1,
aspectRatio: 375 / 200,
},
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/315560.html
上一篇：在ReactNative中調整圖示FontAwesome5的大小
下一篇：我正在使用來自react-native的Image.getSize它在android上運行良好，但在uri是空字串時在ios中不起作用