useDirection and useDirectionSign

Read the nearest LTR or RTL direction for layout and gesture maths.

These hooks read the direction established by Direction. Outside a provider they fall back to React Native's device-wide I18nManager setting.

useDirection

Returns 'ltr' or 'rtl'. Use it when React Native cannot infer a value from Yoga layout alone, such as paragraph alignment or an explicitly directed label.

import { useDirection } from 'panelui-native';

const direction = useDirection();
const textAlign = direction === 'rtl' ? 'right' : 'left';

useDirectionSign

Returns 1 for LTR and -1 for RTL. Multiply directional offsets, drag translations or sweep angles by it instead of repeating conditional sign logic.

import { useDirectionSign } from 'panelui-native';

const direction = useDirectionSign();
const translated = gesture.translationX * direction;
ExportTypeDescription
useDirection() => 'ltr' | 'rtl'Current provider or device direction.
useDirectionSign() => 1 | -1Numeric multiplier for directional maths.
DirectionValue'ltr' | 'rtl'Public direction type.

On this page