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').