type Props = {
  children: React.ReactNode;
};

const Layout = ({ children }: Props) => {
  return (
    <div className="bg-slate-100">
      <div className="mx-auto flex h-screen w-[375px] justify-center bg-white px-6 pb-6">{children}</div>;
    </div>
  );
};

export default Layout;

현재 스타일 height 값을 100vh로 설정했는데도 스크롤이 된다.

5.React Native 레이아웃 디자인 - 1부 flex와 width, height

부모요소에 h-100%를 해도 적용안됨

결론: 상단에 flex를 둬서 전체에 화면이 차도록 하고 자식요소 height를 vh로 맞추면 해결!