nativewind/apps/website/docs/tailwind/layout/container.md

import Compatibility from "../_compatibility.mdx" import Usage from "../_usage.mdx"

Container

:::caution NativeWind's default breakpoints are not yet designed for native devices and still uses the web defaults. :::

Usage

Example

import { Text, View } from 'react-native';
import { styled } from 'nativewind';

const StyledView = styled(View)
const StyledText = styled(Text)

const App = () => {
  return (
    <StyledView className="container h-12 justify-center bg-slate-300 items-center">
      <StyledText className="text-slate-800">Try resizing me! 🎉</StyledText>
    </StyledView>
  );
}

Compatibility

<Compatibility supported={[ "container", ]} />