如何在樣式表中使用 useWindowDimensions。它總是只在函式內部起作用。我想在反應原生的樣式表中使用 useWindowDimensions 來獲取螢屏高度和寬度。
uj5u.com熱心網友回復：
useWindowDimensions 是一個鉤子，所以我們可以在功能組件中使用它。也許還有其他方法，但我想建議您這樣做：
import React from 'react';
import { View, Text, StyleSheet, useWindowDimensions } from 'react-native';
const Main = () => {
const { styles } = useStyle();
return (
<View style={styles.container}>
<Text>Dimension Properties inside StyleSheet{'\n'}</Text>
<Text>Heigth: {styles.container.height.toString()}</Text>
<Text>Width: {styles.container.width.toString()}</Text>
</View>
)
}
const useStyle = () => {
const dimensions = useWindowDimensions();
console.log('Logging dimensions', dimensions)
const styles = StyleSheet.create({
container: {
height: dimensions.height,
width: dimensions.width,
justifyContent: 'center',
alignItems: 'center',
},
})
return { styles }
}
export { Main }
請讓我知道這是否對您有幫助。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/437433.html