Ionic React Capacitor Demo

A series of front-end and native integration tests with Ionic React.

Online demo: https://ionic-react-capacitor-demo.netlify.app/

APK: Download

The demos are divided into three tabs.

1. Leaflet map.
2. UI components.
3. Native access with Capacitor.

Leaflet map

• Map integration with Leaflet and react-leaflet.
• Layer selector with the new Ionic 6 Sheet Modal.
• Config to add new layers dynamically.

Components

• Natigation with React
• fetch request and render the HTML result with innerHTML
• Datetime in modal
• Reorder list
• Toggle button
• Accordion
• New material design form (Input and Select)
• Breadcrumb
• FabButton
• Dark Mode

Capacitor

• Open url in browser
• Camera
• Barcode scanner and scan UI customization with React Portals
• Copy to clipboard
• Share
• Geolocation
• Device info
• Battery status
• Device id
• Language code