Safe-area insets utility classes not working #234

import { View } from 'react-native';

export default function () {
  return (
    <View className="pt-safe flex-1">
      <View className="flex-1 bg-green-200" />
    </View>
  );
}

import { View } from 'react-native';
import { useSafeAreaInsets } from 'react-native-safe-area-context';

export default function () {
  const insets = useSafeAreaInsets();
  return (
    <View
      style={{
        paddingTop: insets.top,
        flex: 1,
      }}>
      <View className="flex-1 bg-green-200" />
    </View>
  );
}