I would suggest using amplify instead of creating a separate express server like the suggestion from @flycoders_sourav.
https://aws-amplify.github.io/docs/js/storage
AWS Amplify Storage module provides a simple mechanism for managing user content for your app in public, protected or private storage buckets. The Storage category comes with built-in support for Amazon S3.
I would suggest waiting until 5 is out of beta before attempting this.
With major versions, I would always recommend spawning a new project with ionic start and then parachuting your old app code in manually. I find generally better results with that strategy than with any attempt to upgrade in place.
I would emulate the good old Tour of Heroes.
I would also suggest ignoring any other suggestions that involve any manual JSON stringification or setting of Content-Type. They aren’t necessary, will cause you problems if you do them wrong, and will confuse readers of your code (including you in a month or so).
Thank you for your reply, but as mentioned I already tried this. If you enlarge the screen to fit the monitor the buttons become too large. If I try to set the max-width in your answer I got the initial placement problem.
sorry didn’t understand the question initially
<ion-header>
<ion-toolbar>
<ion-grid style="max-width : 75%; text-align: center">
<ion-row >
<ion-col class="ion-text-center">
<ion-button expand="full" class="ion-text-wrap"style="max-width: 75%;">Menu</ion-button>
</ion-col>
<ion-col class="ion-text-center">
<ion-button expand="full" class="ion-text-wrap" style="max-width: 75%;">Abcdefghijklmn</ion-button>
</ion-col>
</ion-row>
</ion-grid>
</ion-toolbar>
<style>html, body { margin: 0; }</style>
</ion-header>
I believe it is my fault for not asking more clearly. This last method of yours is really an advance, the only problem is that the larger text ends up being cut off when the screen shrinks, which I find odd as the button class is set to ion-text-wrap.
You don’t need a Permission for the SMS Retriever. It works if you add a specific Code to the Send SMS. I prefer to read the Docs complete first, before asking here.
I have a simple component with a large vertical height. This vertically scrolls happily when debugging on my attached phone unless Chrome devtools is attached. In this case scrolling is intermittent (maybe 1 in 20 attempts works). Kill devtools and it immediately starts scrolling again.
Example HTML:
<ion-content class="ion-padding" scroll="true">
<p>Content 1</p>
....
<p>Content 100</p>
</ion-content>
Has anyone else experienced this? Any workarounds?
Thanks
The same here.
I use:
“@ionic/core”: “5.0.0-dev.202001091948.d73aaa9”,
“@ionic/vue”: “0.0.9”,
With this in Vue component:
<template>
<ion-app>
<ion-header>
<ion-toolbar>
<ion-vue-router name="header"></ion-vue-router>
</ion-toolbar>
</ion-header>
<ion-vue-router></ion-vue-router>
<ion-footer>
<ion-tab-bar>
<ion-tab-button v-for="item in content.pages" :key="item.id" @click="$router.push('/page/' + item.id)">
<ion-label>{{ item.short_title }}</ion-label>
<ion-icon name="alarm"></ion-icon>
</ion-tab-button>
</ion-tab-bar>
</ion-footer>
</ion-app>
</template>
Unfortunately I doubt this one is going to have an easy answer. What platforms are you needing to support? Can you get away with Android only?
Two things:
There is no good reason to ever run npm (or any other part of your Ionic development experience) under sudo, and cleaning things up after having done so even once can be extremely time-consuming and tedious. nvm is your friend.
I understand how frustrating this is for the vast numbers of programmers whose entire lives aren’t conducted in English, but it’s an unfortunate fact of life that, at least as of today, the npm ecosystem tends to perform much more reliably when the entire contents of directory paths consist only of a restricted set of characters. I try to limit myself to [a-zA-z0-9._-]+. Inability to deal with unexpected character encoding sounds like a possible cause of EILSEQ.
Navigate to an external link or display an interstitial Ad (AdMob) and then return to the app by clicking on the hardware back button. At this stage where there are pages in the history (navigation stack), clicking on the hardware back button will cause the app to close! Knowing that I had tried to register to the back button by:
this.platform.backbutton.subscribe(()=>{
this.navCtrl.pop();
// Also tried: this.navCtrl.back();
});
But it is still exiting the app!
Any idea about how to solve this?!
Anyone know how to use the InAppBrowser capacitor plugin using Ionic React. Any links or pointers would be deeply appreciated. I am also trying to determine how this is different from the Browser capacitor plugin as well. Thanks!
Thanks for your reply, Yes I want only on Android platform.
I never tried it before on device since I only have 9.
“Mobile Development w/Vuejs and Ionic Capacitor Plugins” by @aaronksaunders #DEVcommunity https://dev.to/aaronksaunders/mobile-development-w-vuejs-and-ionic-capacitor-plugins-5fb5
This sample/tutorial will walk through the integration of the following features in an Ionic Capacitor web/mobile application using Vuejs.
#vuejs #vue
I have same problem but i’m still can’t figure it out.
Checking Java JDK and Android SDK versions
ANDROID_SDK_ROOT=undefined (recommended setting)
ANDROID_HOME=C:\Users\name\AppData\Local\Android\Sdk (DEPRECATED)
Could not find an installed version of Gradle either in Android Studio,
or on your system to install the gradle wrapper. Please include gradle
in your path, or install Android Studio
[ERROR] An error occurred while running subprocess cordova.
In my environment is like ok.
Thanks for replaying @rapropos, how to prevent these type of errors in future give some suggestions, it will help me a lot.
