Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70612 articles
Browse latest View live

IonReorder is not working in iOS

$
0
0

The code is working fine in a browser, but when I build the native project in xcode, once I start dragging the item it just freezes, and showing an error:

**------ STARTUP JS ERROR ------**

**⚡️ TypeError: e.selectionStart is not a function. (In 'e.selectionStart()', 'e.selectionStart' is undefined)**

**⚡️ URL: capacitor://localhost/static/js/5726.e89fffc0.chunk.js**

**⚡️ 5726.e89fffc0.chunk.js:1:1937**

**⚡️ See above for help with debugging blank-screen issues**

I looked for the file but I really couldn’t figure out what to do to fix this. I googled selectionStart but nothing is related to IonReorder.

And here is my code (which is working in a browser but not in iOS):

                    <IonReorderGroup disabled={false}
                        onIonItemReorder={(event) =>{
                            console.log('dragged');
                            event.detail.complete();
                        }}
                    >
                        <IonItem lines='none'>
                            <IonText className='text-small'>Item 1</IonText>
                            <IonReorder slot='end'>
                            </IonReorder>
                        </IonItem>
                        <IonItem lines='none'>
                            <IonText className='text-small'>Item 2</IonText>
                            <IonReorder slot='end'>
                            </IonReorder>
                        </IonItem>
                        <IonItem lines='none'>
                            <IonText className='text-small'>Item 3</IonText>
                            <IonReorder slot='end'>
                            </IonReorder>
                        </IonItem>
                    </IonReorderGroup>

1 post - 1 participant

Read full topic


GTB Cloud: Looking for a new founder

$
0
0

Good day everyone,

We are giving a rare opportunity for an advanced ionic programmer to join a team of founders and help on the next generation of point of sale, service ticketing and e-commerce platform. Our mission is to use cutting-edge technologies to give power back to small mom-and-pop businesses and give them a fighting chance against big-tech companies

Important!: This is NOT a job. We will NOT provide any salary. Any applicant for this position must be financially self-sufficient and must be comfortable working full-time for shares of the company.

A little bit about us: We are a small startup situated in Canada/Montréal and saw the opportunity in this huge market of retail/food and service industry. Competitors like (Shopify, Lightspeed) are barely touching this enormous market with products “good” at best. Our MVP will launch next month but is only the point of the iceberg as for the global vision goes.

Requirements:

  • Fluent in speaking/listening/writing (English or French)
  • +3 years of experience with Ionic/Angular
  • PHP and AWS services background are a big plus
  • Business/marketing/sales backgrounds too
  • Disciplined and hard-working
  • Full-time
  • Work from home

Please apply at hr@gtbcloud.com and send me your C.V

Thank you for your time.

Stélios Filippidis
Founder/CEO
GTB Cloud

1 post - 1 participant

Read full topic

Ionic nested routes and tabs not working as expected

$
0
0

Hi,

We have an application with 4 tabs each having nested routes.

Ex. of routes
tab1/childPage1/childPage2
tab2/childPage1/

from tab1 we router.push childPage1 and from childPage1 we push childPage2 (within same tab) All works fine.

From childPage 2 we push a route which doesn’t belong to any tab, and clicking ion-back-button work fine and we can get back all the way to the tab1 page again.

But if we navigate from childPage2 to tab 2 and back to tab1, childPage2 is still shown as expected. But clicking the back button does not always return the childPage1.
Very often is doesn’t do anything at all, eventhoug defaultHref is set to childPage1.

Then if you click on the tab1 it returns to the root, but sometimes it also just returns to the prvious child page, eventhough url shows the root page.

This is a very strange behavior and quite hard to explain. But it seems like that navigating between tabs when you are having childpages open, screws something up behind the scenes.

There are no errors in the console, so not much to go from.

Are anyone experiencing the same (random) issues?

We are using the latest version of vue, vue-router and ionic:
ionic/vue: “6.0.1”,
ionic/vue-router: “6.0.11”,
ionic/core: “^6.0.1”,
vue-router: “^4.0.14”,
vue: “^3.2.26”,

1 post - 1 participant

Read full topic

Ion-tab-button dynamic icon

$
0
0

Hi, i’m realizing a new app with the tab menu.
I’m using custom icon with ion-icon to use the selected style of ionic css.
However, I would like that when I select a tab, in addition to changing the color, the icon changes from outline to fill. Could you tell me what is the best way to do it?
Schermata 2022-04-04 alle 11.37.41
Thanks in advance!

1 post - 1 participant

Read full topic

Capacitor Icon in iOS won't change when sending app to background

$
0
0

I have added all the icons to Assetsbundle in Xcode. It show overal the icon I have placed there. But when I sent the app to background, the capacitor icon still shows. Does anyone know how to fix this?

Any help is appreciated.

Best Jay

1 post - 1 participant

Read full topic

Ionic capacitor run ios -l --external won't run (no error)

$
0
0

I’m having a weird issue with capacitor where when I try to run my app on an external device it doesn’t run.

The device I’m trying to run my app on is iPhone 12 / iOS 15.4.1 (been doing this for a long time without an issue)

I get no error and the last lines in console are:

[capacitor] :heavy_check_mark: Running xcodebuild in 14.71s
[capacitor] :heavy_check_mark: Deploying Foodie Syndicate.app to device-id-here in 854.58ms

[INFO] App deployed to device!

   Development server will continue running until manually stopped.
   
   Use Ctrl+C to quit this process

If I run it on a simulator then it does work correctly and if I run it directly from Xcode to the physical device it will also work but not when I try to run it on a physical device using ionic capacitor run ios -l --external.

I’ve checked the device ID and it is correct, what could be the problem here?

My ionic info:

Ionic:

Ionic CLI : 6.19.0 (/Users/mindaugas/.config/yarn/global/node_modules/@ionic/cli)
Ionic Framework : @ionic/vue 6.0.14

Capacitor:

Capacitor CLI : 3.4.3
@capacitor/android : 3.4.3
@capacitor/core : 3.4.3
@capacitor/ios : 3.4.3

Utility:

cordova-res : not installed globally
native-run : 1.5.0

System:

NodeJS : v17.7.2 (/Users/mindaugas/.nodenv/versions/17.7.2/bin/node)
npm : 8.5.2
OS : macOS Monterey

1 post - 1 participant

Read full topic

Unable to create ionic v1 project

$
0
0

Is it still possible to create ionic v1 projects? I have an application created using ionic v1 and am trying to get it to build. No success yet. So I tried to create a sample ionic v1 application using:
ionic start todo blank --type ionic1
This failed with the following error messages:
npm ERR! path C:\ionic1-sample\todo\node_modules\node-sass
npm ERR! command failed
npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node scripts/build.js
npm ERR! Building: C:\apps\nodejs\node.exe C:\ionic1-sample\todo\node_modules\node-gyp\bin\node-gyp.
js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! gyp info it worked if it ends with ok

1 post - 1 participant

Read full topic

Add icon when select option

$
0
0

i’m trying to add icon dynamiclly when i choose select-option !
but

<ion-icon :icon="interests_selected.icon" style="color: #666666d4" />
this doesn’t show anything !!

Sans titre

here’s my code

            <ion-item
              v-for="(interests_selected, index) in selectedIndex"
              :key="index"
              class="list_language"
            >
              <ion-badge color="medium">

                <ion-icon :icon="interests_selected.icon" style="color: #666666d4" />
                 {{ interests_selected.name }}
              </ion-badge>
            </ion-item>

<ion-select

              multiple="true"

              cancel-text="Annuler"

              ok-text="Confirmer"

              placeholder="+"

              class="add_interst"

              ref="autocompleteRef"

              v-if="!toggleSelect"

              v-model="selectedIndex"

              hidden

            >

        <ion-select-option

          v-for="(item, index) in currencyList"

          :key="index"

          :value="item"

        >  {{ item.name }}</ion-select-option>
</ion-select>

<script>
setup() {

    const currencyList = [ {

    "name": "Lecture",

    "icon": "book"

    },

    {

    "name": "Ecriture",

    "icon": "pencil"

    },

    {

    "name": "Peinture",

    "icon": "brush"

    },

  ]

return {currencyList}

</script>

any solutions please ?

1 post - 1 participant

Read full topic


Determine platfom in app.module?

$
0
0

Is it possible for me to pick up the platform in app.module.ts i.e so I could inject a certain value into a provider if running on a device and a different value if running in a browser?

I currently have something like this:

{ provide: MY_PROVIDER, useValue: { provider_value } }

so in the example above I could instead have two values - one called client_value and one called web_value and which one I use is determined by the platform?

Or is there another way of doing this?

1 post - 1 participant

Read full topic

Image Editors for Web/Angular Ionic

$
0
0

Hi All, I’m looking for a decent image editor but can’t seem to find a good looking and working one for Angular, even vanilla JS as I don’t see good Angular ones. Anyone know of any good ones? These are the ones I found so far:

I was hoping syncfusion had a JS one but unfortunately not yet.

1 post - 1 participant

Read full topic

RefererNotAllowedMapError get message site URL to be authorized

Live Update does not work on iPad OS 15.4

$
0
0

Our customers reported that they do not receive live update on latest iPad OS (15.4). I tested and confirmed that:

  • installed the app on iPad OS 15.2 and got the Ionic live update in 20 seconds automatically
  • upgrade to iPad OS 15.4 and repeated the same but this time didn’t get the live update even after a couple of hours wait

Is there any known restriction in iPad OS 15.4 that blocks live update? or is there any specific setting required to get that working on latest iPad OS?
I’m assuming same thing might happen to phone iOS update too.

1 post - 1 participant

Read full topic

Missing Plugin: Splashscreen

$
0
0

Recently (maybe after moving to v6), the splash screen plugin no longer loads. Using cordova-plugin-splashscreen. I doesn’t show up in the list of plugin files in X-Code and X-Code throws an error that it isn’t found.

So far, I’ve tried:

  • remove plugin
  • add plugin

As well as

  • remove ios
  • add ios

All other plugins are present.

1 post - 1 participant

Read full topic

Is still possible to create a desktop app with Electron and Ionic 6?

$
0
0

Hi,
I’m trying to create a desktop app with Ionic 6 and Electron.
I’m followinng these tutorials:

And I’ve followed these steps starting from a new brand app:

ionic start myPhotoGallery my-first-app --type=angular --capacitor
cd myPhotoGallery
npm install ngx-electron electron
npm install electron-packager --save-dev
ionic build
npx cap add electron
npx cap open electron

However the last command doesn’t nothing and I have not an Electron folder in the project.
I’m using:

Windows 10 Pro - 21H2
Ionic:

   Ionic CLI                     : 6.18.1 
   Ionic Framework               : @ionic/angular 5.6.7
   @angular-devkit/build-angular : 12.0.1
   @angular-devkit/schematics    : 12.0.1
   @angular/cli                  : 12.0.1
   @ionic/angular-toolkit        : 3.1.1

Capacitor:

   Capacitor CLI      : 3.0.0
   @capacitor/android : 3.0.0
   @capacitor/core    : 3.0.0
   @capacitor/ios     : 3.0.0

Utility:

   cordova-res : not installed globally
   native-run  : 1.3.0

System:

   NodeJS : v16.14.2 (C:\Program Files\nodejs\node.exe)
   npm    : 8.5.0
   OS     : Windows 10

Which could be the problem according to you?
How can I debug the problem?

Thank you very much

Claudio

1 post - 1 participant

Read full topic

iOS Bluetooth Serial Classic - Device not found, but Device shows BT connected/paired?

$
0
0

I am currently using Ionic 6 in React on iOS. I am really struggling to get this working as I receive a Device not found. The iOS device shows the interlocking chains at the top right with BT connected to the Device Name.

import { BluetoothClassicSerialPort } from '@awesome-cordova-plugins/bluetooth-classic-serial-port';

...

const selectAccessory = async () => {
    const deviceDiscovery = BluetoothClassicSerialPort.setDeviceDiscoveredListener().subscribe(async (connectionConfig) => {
      console.log(connectionConfig);
      deviceDiscovery.unsubscribe();
    })
    await BluetoothClassicSerialPort.discoverUnpaired().catch(error => {
      console.log(error);
      deviceDiscovery.unsubscribe();
    })
  }

The selection for the Accessory pops up with the device name on the app, I select it and receive the error Device not found. However, BT is connected to the device. Even if I run a list() after the fact, it is an empty array.

1 post - 1 participant

Read full topic


Ionic 3/4 application REST API works for android 6 but not android 10

$
0
0

I built an ionic app that uses REST API passport for login/registration with a laravel 5.7 application. When i tested the app on an android 6 device, I can register / login successfully but when I test it on android 10 device, I cant register and there is no response returned from the server.

I tried running ionic cordova build android@latest to ensure the android build version matches the test device (android 10) but there is still no response from the server

1 post - 1 participant

Read full topic

Does Ionic app support Android overscroll effect?

$
0
0

Let say I have the following code and the app is running on Android:

<ion-content>
  <ion-item>1</ion-item>
  <ion-item>2</ion-item>
  <ion-item>3</ion-item>
  <ion-item>4</ion-item>
  <ion-item>5</ion-item>
  <ion-item>6</ion-item>
  <ion-item>7</ion-item>
  <ion-item>8</ion-item>
  <ion-item>9</ion-item>
  <ion-item>10</ion-item>
<ion-content>

Scrolling is available, but when I scroll to the top or bottom, there is no over-scroll effect (bounce or stretch) at all. How to make it show the overscroll effect?

1 post - 1 participant

Read full topic

Best Shopify Themes for Product Website

$
0
0

If you are finding shopify theme store in california, Florida,Texas.Cyrus Webtech is best Shopify experts, Shopify developers, agency in California, Florida, Texas. Our Shopify experts create new & unique Shopify themes. We can make a new eCommerce website for your business. Cyrus Webtech make different different category

websites.Cyrus Webtech is a skilled website development company, Wordpress development, Digital Marketing & SEO company in California, Florida.that gives a spread of

services to assist you build outstanding eCommerce sites and boost your bottom line.Shopify is one in every of the most effective eCommerce website builders.Our Shopify theme experts make new Shopify web design for your business.

More Info : https://cyruswebtech.com/

1 post - 1 participant

Read full topic

Platform pauze/resume subscriptions

$
0
0

Something strange is going on when platform.resume is triggered.

After the iPhone app comes out of pause mode, the UI no longer updates properly. I do an http get in the platform.resume.subscription to refresh the data. I can see that this happens almost immediately and the data is in the store. However, the UI update is extremely slow or not at all.

I’ve been able to find a semi solution, but this one doesn’t always work either and feels hacky.

this.platform.resume.subscribe(() => this.ngZone.run(() => {
// my http get code and ngrx store dispatch
});

Does anyone have an idea how I can solve this better?

1 post - 1 participant

Read full topic

Live update: cleares Directory.data

$
0
0

Hi,

When pushing live updates to production, the filesystem gets cleared on iOS

 await Filesystem.writeFile({
      path: 'some_file.txt',
      data: fileData,
      directory: Directory.Data,
      encoding: Encoding.UTF8,
    })

Anyone has any idea how to avoid this behaviour?

Thanks in advance

1 post - 1 participant

Read full topic

Viewing all 70612 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>