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

Align searchBar on center in margin bottom

$
0
0

@kn01 wrote:

Hello

I am trying to centralize my search bar in the center of the margin bottom of my header and leave it fixed so that when the user scrolls it is still on the screen but I am not getting it, could you help me?
Stack: Ionic5 with Angular.

my code is:

<ion-header>
  <ion-toolbar>
    <ion-title>categories</ion-title>
  </ion-toolbar>

</ion-header>

<ion-content>
  <ion-searchbar style="color: black !important; width: 80vw; margin: 0 auto;" align-center placeholder="search"></ion-searchbar>
</ion-content>

Currently it looks like this:
Captura de Tela 2020-04-21 às 13.06.09

But I need this:
Captura de Tela 2020-04-21 às 13.06.09

Thanks =)

Posts: 1

Participants: 1

Read full topic


Cordova-plugin-mauron85-background-geolocation@alpha

$
0
0

@Muslimansari wrote:

Using: ionic cordova plugin add cordova-plugin-mauron85-background-geolocation@alpha

APT: error: resource mipmap/icon (aka io.ionic.starter:mipmap/icon) not found.

  error: failed linking file resources.

Posts: 1

Participants: 1

Read full topic

:app:generateDebugBuildConfig

$
0
0

@sezginex wrote:

when i try to build the app i get an error.(ionic v3)

$ ionic cordova build android
> ionic-app-scripts.cmd build --target cordova --platform android
[19:43:42]  ionic-app-scripts 3.2.4 
[19:43:42]  build dev started ...
[19:43:42]  clean started ...
[19:43:42]  clean finished in 19 ms
[19:43:42]  copy started ...
[19:43:42]  deeplinks started ...
[19:43:42]  deeplinks finished in 181 ms
[19:43:42]  transpile started ...
[19:43:48]  transpile finished in 6.21 s
[19:43:48]  preprocess started ...
[19:43:48]  preprocess finished in 1 ms
[19:43:48]  webpack started ...
[19:43:48]  copy finished in 6.56 s
[19:43:53]  webpack finished in 5.24 s
[19:43:53]  sass started ...
[19:43:55]  sass finished in 1.33 s
[19:43:55]  postprocess started ...
[19:43:55]  postprocess finished in 18 ms
[19:43:55]  lint started ...
[19:43:55]  build dev finished in 13.12 s
no-unused-variable is deprecated. Since TypeScript 2.9. Please use the built-in compiler checks instead.
[19:43:59]  tslint: ...esturant/yeni/ionic-3-restaurantapp/src/pages/forgot-password/forgot-password.ts, line: 9 
            'NavParams' is declared but its value is never read.

       L8:  import { Component } from '@angular/core';
       L9:  import { IonicPage, NavController, NavParams } from 'ionic-angular';

[19:43:59]  tslint: ...ionicresturant/yeni/ionic-3-restaurantapp/src/pages/product-list/product-list.ts, line: 42 
            'subscription' is declared but its value is never read.

      L42:        let subscription = this.menuItem
      L43:          .snapshotChanges()

[19:43:59]  lint finished in 4.45 s
> cordova.cmd build android
Discovered saved plugin "mx.ferreyra.callnumber". Adding it to the project
Plugin "call-number" already installed on android.
Checking Java JDK and Android SDK versions
ANDROID_SDK_ROOT=undefined (recommended setting)
ANDROID_HOME=C:\Users\sezgi\AppData\Local\Android\Sdk (DEPRECATED)
Subproject Path: CordovaLib
Subproject Path: app

> Configure project :CordovaLib
Project evaluation failed including an error in afterEvaluate {}. Run with --stacktrace for details of the afterEvaluate {} error.

> Configure project :app
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
WARNING: The onesignal-gradle-plugin MUST be before com.android.application!
   Please put onesignal-gradle-plugin first OR update to com.android.tools.build:gradle:3.0.0 or newer!

> Task :app:preBuild UP-TO-DATE
> Task :app:preDebugBuild UP-TO-DATE
> Task :app:compileDebugAidl NO-SOURCE

FAILURE: Build failed with an exception.

* What went wrong:
Failed to capture fingerprint of �nput files for task ':app:generateDebugBuildConfig' property 'checkManifestResult' during up-to-date check.
> Resolving this BuildableArtifact can only done during task execution.
> Task :app:compileDebugRenderscript UP-TO-DATE
> Task :app:checkDebugManifest UP-TO-DATE
> Task :app:generateDebugBuildConfig FAILED
4 actionable tasks: 1 executed, 3 up-to-date

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BU�LD FAILED in 24s
C:\Users\sezgi\Desktop\ionicresturant\yeni\ionic-3-restaurantapp\platforms\android\gradlew: Command failed with exit code 1 Error output:
Project evaluation failed including an error in afterEvaluate {}. Run with --stacktrace for details of the afterEvaluate {} error.

FAILURE: Build failed with an exception.

* What went wrong:
Failed to capture fingerprint of �nput files for task ':app:generateDebugBuildConfig' property 'checkManifestResult' during up-to-date check.
> Resolving this BuildableArtifact can only done during task execution.

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BU�LD FAILED in 24s
[ERROR] An error occurred while running subprocess cordova.

        cordova.cmd build android exited with exit code 1.

        Re-running this command with the --verbose flag may provide more information.

sezgi@DESKTOP-JSVI7JK MINGW64 ~/Desktop/ionicresturant/yeni/ionic-3-restaurantapp (master)
$ clear


sezgi@DESKTOP-JSVI7JK MINGW64 ~/Desktop/ionicresturant/yeni/ionic-3-restaurantapp (master)
$ clear


sezgi@DESKTOP-JSVI7JK MINGW64 ~/Desktop/ionicresturant/yeni/ionic-3-restaurantapp (master)
$ ionic cordova build android
> ionic-app-scripts.cmd build --target cordova --platform android
[19:44:38]  ionic-app-scripts 3.2.4 
[19:44:38]  build dev started ...
[19:44:38]  clean started ...
[19:44:38]  clean finished in 18 ms
[19:44:38]  copy started ...
[19:44:39]  deeplinks started ...
[19:44:39]  deeplinks finished in 209 ms
[19:44:39]  transpile started ...
[19:44:45]  transpile finished in 6.08 s
[19:44:45]  preprocess started ...
[19:44:45]  preprocess finished in less than 1 ms
[19:44:45]  webpack started ...
[19:44:45]  copy finished in 6.46 s
[19:44:51]  webpack finished in 5.68 s
[19:44:51]  sass started ...
[19:44:52]  sass finished in 1.31 s
[19:44:52]  postprocess started ...
[19:44:52]  postprocess finished in 16 ms
[19:44:52]  lint started ...
[19:44:52]  build dev finished in 13.45 s
no-unused-variable is deprecated. Since TypeScript 2.9. Please use the built-in compiler checks instead.
[19:44:56]  tslint: ...esturant/yeni/ionic-3-restaurantapp/src/pages/forgot-password/forgot-password.ts, line: 9 
            'NavParams' is declared but its value is never read.

       L8:  import { Component } from '@angular/core';
       L9:  import { IonicPage, NavController, NavParams } from 'ionic-angular';

[19:44:56]  tslint: ...ionicresturant/yeni/ionic-3-restaurantapp/src/pages/product-list/product-list.ts, line: 42 
            'subscription' is declared but its value is never read.

      L42:        let subscription = this.menuItem
      L43:          .snapshotChanges()

[19:44:56]  lint finished in 4.64 s
> cordova.cmd build android
Discovered saved plugin "mx.ferreyra.callnumber". Adding it to the project
Plugin "call-number" already installed on android.
Checking Java JDK and Android SDK versions
ANDROID_SDK_ROOT=undefined (recommended setting)
ANDROID_HOME=C:\Users\sezgi\AppData\Local\Android\Sdk (DEPRECATED)
Subproject Path: CordovaLib
Subproject Path: app

> Configure project :CordovaLib
Project evaluation failed including an error in afterEvaluate {}. Run with --stacktrace for details of the afterEvaluate {} error.

> Configure project :app
WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.
It will be removed at the end of 2018. For more information see: http://d.android.com/r/tools/update-dependency-configurations.html
WARNING: The onesignal-gradle-plugin MUST be before com.android.application!
   Please put onesignal-gradle-plugin first OR update to com.android.tools.build:gradle:3.0.0 or newer!

> Task :app:preBuild UP-TO-DATE
> Task :app:preDebugBuild UP-TO-DATE

FAILURE: > Task :app:compileDebugAidl NO-SOURCE
> Task :app:compileDebugRenderscript UP-TO-DATE
> Task :app:checkDebugManifest UP-TO-DATE
> Task :app:generateDebugBuildConfig FAILED
Build failed with an exception.

* What went wrong:
Failed to capture fingerprint of �nput files for task ':app:generateDebugBuildConfig' property 'checkManifestResult' during up-to-date check.
> Resolving this BuildableArtifact can only done during task execution.

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BU�LD FAILED in 20s
4 actionable tasks: 1 executed, 3 up-to-date
C:\Users\sezgi\Desktop\ionicresturant\yeni\ionic-3-restaurantapp\platforms\android\gradlew: Command failed with exit code 1 Error output:
Project evaluation failed including an error in afterEvaluate {}. Run with --stacktrace for details of the afterEvaluate {} error.

FAILURE: Build failed with an exception.

* What went wrong:
Failed to capture fingerprint of �nput files for task ':app:generateDebugBuildConfig' property 'checkManifestResult' during up-to-date check.
> Resolving this BuildableArtifact can only done during task execution.

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BU�LD FAILED in 20s
[ERROR] An error occurred while running subprocess cordova.

        cordova.cmd build android exited with exit code 1.

        Re-running this command with the --verbose flag may provide more information.

Posts: 1

Participants: 1

Read full topic

App that loads an external website in its central content and switches between pages of that domain by pressing options in a main application menu that is always visible

$
0
0

@falinsin wrote:

If We use the last IONIC plugin ‘InAppBrowser’ to show external URLs (a wordpress for example)
This is the principal central content in the app.

Is there an IONIC plugin that could present a native device-style menu bar, always visible (top or bottom) over the InAppBrowser.

The idea is to load / change between different urls into the central InAppBrowser as the user interacts with this menu.

I can’t think of another way to ask this idea We are a bit lost,

Even though we have experience in applications with ionic, but we have doubts about how to divide the view of the ionic app in one part the InAppBrowser and in another the menu to load urls

Any other idea, estructure or plugins will be welcome

Thanks in advance

Posts: 1

Participants: 1

Read full topic

Ionic capacitor change splash screen

Capacitor 2.0.1 Android Studio 6.3.6 Errors

$
0
0

@werewolfe wrote:

I upgraded to Capacitor 2.0.1 in my Ionic/Angular project and I’m getting errors in Android Studio. Errors are related to plugins, see below. The project will not compile.

I have deleted my Android project folder, synced and rebuilt the project a few times, but same result. How can this be fixed?

Project is using:
Ionic/Angular 5.0.4
Angular 9.0.5
@capacitor/android”: “^2.0.1”,
@capacitor/cli”: “^2.0.1”,
@capacitor/core”: “^2.0.1”,
@capacitor/ios”: “^2.0.1”,

Posts: 1

Participants: 1

Read full topic

Barcode Scanner is not able to access SD card

$
0
0

@dogdogcatcat wrote:

I am using the Barcode Scanner plugin. It is scanning bar-codes just fine. It is converting text to QR code as well. However, when I click on the “share” button provided at the QR code result page (given by the plugin itself), I get an error - “Sorry, sd card is not accessible”.

What is the possible solution for this?

Posts: 1

Participants: 1

Read full topic

Ionic wrapper for cordova ble plugin not designed correctly

$
0
0

@BrentAshWilliams wrote:

I have been using the BLE Cordova plugin for many years. I have noticed that occasionally more so on iOS than Android that once I start notifications and send a message down, I never get the notification back. I added an issue in the repository:

https://github.com/don/cordova-plugin-ble-central/issues/751

Don mentioned the following in regard to the ionic wrappers:

The Ionic wrappers automatically calling stopNotification can cause problems. This plugin was designed with callback, many of which can call success and error multiple times. This doesn't work well with Observables since the first error destroys the subscription.

Due to this I would like to use just the BLE Cordova plugin without the ionic wrapper.

Can someone explain to me how to use a Cordova plugin without the ionic wrapper?

Thanks

Posts: 1

Participants: 1

Read full topic


Error with nativestorage ionic 5

$
0
0

@jsoret wrote:

Good friends I am new to the community, however I hope you can help me out. I am doing a small project in ionic 5 and I am trying to use the native storage with capacitor and although I am following the instructions of the official site I present the following errors. (Error: Unexpected value ‘NativeStorage’ imported by the module ‘AppModule’) and if I don’t load the service in the appmodule it gives me the following error (Uncaught (in promise): NullInjectorError: StaticInjectorError (AppModule) [HomePage -> NativeStorage]) . What should I do to fix the error

Posts: 1

Participants: 1

Read full topic

How to update your app with latest data from database?

$
0
0

@Sweg wrote:

I am creating an Ionic / Angular app that stores conversation between users in a firebase database.

Currently, I am able to create conversations & update them.

When I go to the Conversation page, all messages are being displayed.

Now I am looking to “live update” conversations.

For example, if User A is looking at a conversation they are having with User B, and User B updates that conversation.

How can I update User A’s phone so that they see the latest message?

Like if you are on WhatsApp and someone sends you a message while you are looking at he chat.

Thanks a lot!

Posts: 1

Participants: 1

Read full topic

How to use JSS to work with root styles of Ionic?

$
0
0

@loxator wrote:

Hi, I would like to use JSS to style my components and also create a theme using that. Is this possible? I have been searching the whole day and haven’t found anything regarding Ionic and JSS. The only post I found was from 2017, telling the OP that Ionic is not Wordpress. If there’s a way, please help me out! Thanks

Posts: 1

Participants: 1

Read full topic

Ionic App is displayed when share my url

How to stop IONIC page from appending multiple contents

$
0
0

@Shola wrote:

Please how can i stop this. when i click on the like/dislike button it appends another ion-card, though if i manually refresh the page the second one will go but i really need help on how to stop this from happening . I am using observable to get the likes/dislikes Firebase ionic5

Posts: 1

Participants: 1

Read full topic

Npm run electron:win

$
0
0

@peter_gallagher wrote:

The Electron Package Build for Windows came up with an error about not being able to find Wine64

No where in the documentation is it discussed that a thing called “Wine” or “Wine64” being required

Can someone enlighten me please?

Cheers

Posts: 1

Participants: 1

Read full topic

Accessing a weather API through current location

$
0
0

@swordslinger wrote:

Im currently building a simple weather app, I have a service set up take data from open weather API, take in current location coordinates via geolocations in the home page.ts and want to be able too sub them in for {lat} and {lon} into the API url so it pulls weather from you current location, and I am unsure how too go about doing this,any help would be appreciated

this is the service.ts file

import { Injectable } from ‘@angular/core’;
import { HttpClient} from ‘@angular/common/http’
import {Observable} from ‘rxjs’
import { Geolocation } from ‘@ionic-native/geolocation/ngx’;

@Injectable({
providedIn: ‘root’
})

export class WeatheredataService {

constructor(private httpClient: HttpClient) { }

public getWeather():Observable{

return this.httpClient.get('http://api.openweathermap.org/data/2.5/weather?lat{lat}8&lon{lon}&appid=fec30507acb533f670080ab3174f226f')

}

}

Posts: 1

Participants: 1

Read full topic


Capacitor speech recognition to text doesnt work on iOS

$
0
0

@Seemas wrote:

I have created an ionic application which uses the speechrecognition feature of cordova ionic framework. This feature even though works well on android , it doesn’t work on ios 13.3.

I have also added the following key

<key>NSSpeechRecognitionUsageDescription</key><string>recognize speech</string>

to info.list file of the ios folder which was archieved and submitted.

Can someone please help me with this.

Do we need to set some configurations while registering the ipa file on testflight which would help my app access the iphone speech to text conversion feature.

Thanks in advance.

Seema Sharma

Posts: 1

Participants: 1

Read full topic

ExecutionPolicy

$
0
0

@Johams wrote:

Hi, this is my first App. I installed all, but I had a problema with the execution… What I need to change in the ExecutionPolicy for the scripts? Thanks,

-> ionic start myApp sidemenu
Error: ionic : No se puede cargar el archivo XXXXXX porque la ejecución de scripts está deshabilitada en este sistema. Para obtener más información, consulta el tema about_Execution_Policies en https:/go.microsoft.com/fwlink/?LinkID=135170.

Posts: 1

Participants: 1

Read full topic

Router link shows an empty page with routerDirection="forward"

$
0
0

@vigamage wrote:

I have some ion cards in my app home page which load relevant pages upon clicked.

<ion-card [routerLink]="['/page-one']" routerDirection="forward">
                        ...
                        ...
</ion-card>

When I click on a card, the app loads a blank white page. But all the services underneath works. It just does not show the html content.

But if I reload the page in browser, it starts showing.

One thing I noticed is, when the routerDirection is set to root, it works fine.

What could be the issue here?

Following is my ionic info.

Ionic:

   Ionic CLI                     : 5.4.16 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 5.0.0
   @angular-devkit/build-angular : 0.803.25
   @angular-devkit/schematics    : 8.3.25
   @angular/cli                  : 8.3.25
   @ionic/angular-toolkit        : 2.1.2

Utility:

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

System:

   NodeJS : v14.0.0 (/home/viraj/.nvm/versions/node/v14.0.0/bin/node)
   npm    : 6.14.4
   OS     : Linux 4.15

Posts: 1

Participants: 1

Read full topic

Ionic radio button v5

$
0
0

@ivorabascal wrote:

Beginner, I have a version 5 of ionic. I have not recovered the value of the option.
ngModel from the previous version doesn’t work.Thanks

Posts: 1

Participants: 1

Read full topic

Ionic 3 and Firebase --prod build freezing

$
0
0

@wingo7 wrote:

Hi, I have an issue with creating --prod build for android with firebase. A build just freezing if we use --prod flag or --optimizejs flag. I am using angularfire2, and the plugin developers said that is ionic cli bug, how to solve it?

Posts: 1

Participants: 1

Read full topic

Viewing all 70443 articles
Browse latest View live


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