App not scrolling when i try using ionic ui framework

Ionic Framework Ionic React
1

Good evening from my side, new to capacitorjs and ionic framework. currently converted a react project of mine that has multiple views/ pages in an android app. but once i make use of ionic ui library to create a ionHeader component that would only display when on native devices, the app stopped scrolling

import { Outlet } from “react-router-dom”
import Navbar from “@/components/Navbar”;
import Footer from “@/components/Footer”;
import { isNativePlatform } from “@/utils/platform”;
import Header from “@/components/ionic/Header”;

const Layout = () => {

const isNative = isNativePlatform();

return (
<>
{isNative ? : }




</>
)
}

export default Layout

the Platform util code

// src/utils/platform.ts
import { Capacitor } from ‘@capacitor/core’;

export const isNativePlatform = () => {
return Capacitor.isNativePlatform();
};

please help me in resolving this issue

2

Welcome to Capacitor and Ionic! To help us easily read your code, please use proper code blocks.

You need to use IonContent with your IonHeader to maintain scrolling. Are you doing that? If you are, please share a full example of the issue. A reproduction on StackBlitz is the best.