React Native-在样式表中使用useDimensions钩子

Question

如何使用样式表中RN中的钩子返回的尺寸？

例如

import { useDimensions } from '@react-native-community/hooks';

const ProfileEditScreen = () => {
  const { width, height } = useDimensions().window;
  ...

const styles = StyleSheet.create({
  profileEditContainer__form: {
    borderRadius: 15,
    height: 40,
    width: width - width / 4,
    borderColor: Colors.defaultColor,
    borderWidth: 1,
    textAlign: 'center',
  },
  ...

在上面的示例中，width是not defined。

过去（类组件），我曾经有一个顶级

const { width: WIDTH } = Dimensions.get('window');

真的不能再使用功能组件了。.有什么建议吗？

Answer 1

1. 您只能在功能组件中使用钩子。
2. 以您的示例为例，我仍然建议使用Dimensions.get('window')。