51 lines
No EOL
1 KiB
Markdown
51 lines
No EOL
1 KiB
Markdown
capacitor
|
|
|
|
https://capacitorjs.com/docs/getting-started
|
|
and
|
|
https://github.com/fruzelee/capacitor-web2app/tree/main
|
|
|
|
in terminal create project
|
|
|
|
`npm init @capacitor/app@latest`
|
|
it will be interactive so select app name, name of directory and app id (com.example.appname)
|
|
|
|
`npm i` this will download capacitor/core and capacitor/cli
|
|
|
|
|
|
then
|
|
**2nd section**
|
|
|
|
`npx cap init`
|
|
|
|
`npm i @capacitor/android`
|
|
|
|
then
|
|
|
|
`npm run build`
|
|
|
|
`npx cap add android`
|
|
|
|
|
|
instead of `npm init @capacitor/app@latest` use vite to simply create a vanilla one
|
|
`npm create vite@latest`
|
|
and then install
|
|
`npm install @capacitor/cli @capacitor/core`
|
|
|
|
then from 2nd section
|
|
|
|
|
|
status bar fix
|
|
https://capacitorjs.com/docs/apis/status-bar
|
|
|
|
install this and then in configs add it and in js file
|
|
```js
|
|
import { StatusBar, Style } from '@capacitor/status-bar';
|
|
|
|
setTimeout(async () => {
|
|
try {
|
|
await StatusBar.setStyle({ style: Style.Dark }); // Forces white icons
|
|
} catch (e) {
|
|
console.error("Status bar styling failed", e);
|
|
}
|
|
}, 200);
|
|
``` |