create-better-t-stack/apps/cli/templates/frontend/native/unistyles/components/container.tsx

import React from "react";
import { View } from "react-native";
import { StyleSheet } from "react-native-unistyles";

export const Container = ({ children }: { children: React.ReactNode }) => {
  return <View style={styles.container}>{children}</View>;
};

const styles = StyleSheet.create((theme, rt) => ({
  container: {
    flex: 1,
    paddingBottom: rt.insets.bottom,
    backgroundColor: theme.colors.background,
    transform: [
      {
        translateY: rt.insets.ime * -1,
      },
    ],
  },
}));