Ionic card swipe same as like whats app reply option

Ionic Framework ionic-v3
1

Hi, I have a chat app same like WhatsApp, I need to do a swipe on text, then it needs to allow for the reply, can you give an example for this. thanks. I am unable to understand how to do

2

I donā€™t know how you are showing your messages, but if you consider a displayed message as a default item, you can use ion-item-sliding. Then, when you slide you can listen to the event ionDrag.

3

Ok. Thanks . It was working.

I am implementing emojiā€™s in my app by using below link

but am facing below problem after adding above plugin

transpile started ā€¦
[16:47:11] typescript: node_modules/@angular/core/src/render3/ng_dev_mode.d.ts, line: 9
Cannot redeclare block-scoped variable ā€˜ngDevModeā€™.

   L8:  rendererSetText: number;
   L9:  rendererCreateElement: number;
  L10:  rendererAddEventListener: number;

[16:47:11] typescript: ā€¦ionic-tools/emoji-picker/node_modules/@angular/core/src/render3/ng_dev_mode.d.ts, line: 9
Cannot redeclare block-scoped variable ā€˜ngDevModeā€™.

   L8:  rendererSetText: number;
   L9:  rendererCreateElement: number;
  L10:  rendererAddEventListener: number;

[16:47:11] ionic-app-script task: ā€œbuildā€
[16:47:11] Error: Failed to transpile program
Error: Failed to transpile program
at new BuildError (/Users/sathguru/harika/ionic+angular/UiTest/node_modules/@ionic/app-scripts/dist/util/errors.js:16:28)
at /Users/sathguru/harika/ionic+angular/UiTest/node_modules/@ionic/app-scripts/dist/transpile.js:159:20
at new Promise ()
at transpileWorker (/Users/sathguru/harika/ionic+angular/UiTest/node_modules/@ionic/app-scripts/dist/transpile.js:107:12)
at Object.transpile (/Users/sathguru/harika/ionic+angular/UiTest/node_modules/@ionic/app-scripts/dist/transpile.js:64:12)
at /Users/sathguru/harika/ionic+angular/UiTest/node_modules/@ionic/app-scripts/dist/build.js:109:82
[ERROR] An error occurred while running subprocess ionic-app-scripts.

    ionic-app-scripts build --target cordova --platform android exited with exit code 1.

So can you please help me out.

below is my ionic info

ionic info

Ionic:

Ionic CLI : 5.4.8 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.4
@ionic/app-scripts : 3.2.3

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 6.2.3, ios 5.0.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.0.5, (and 8 other plugins)

Utility:

cordova-res : not installed
native-run : 0.2.8 (update available: 0.3.0)

System:

Android SDK Tools : 26.1.1 (/Users/sathguru/Library/Android/sdk)
ios-deploy : 1.9.4
ios-sim : 8.0.2
NodeJS : v10.13.0 (/usr/local/bin/node)
npm : 6.13.2
OS : macOS High Sierra
Xcode : Xcode 10.1 Build version 10B61

4

Possibly an Angular version compatibility problem, maybe downgrading can solve the problem:
similar problem

5

CAn you please guide me how to downgrade

6

You can try something like this:
npm install -g @angular/cli@YOUR_DESIRED_VERSION
source.

7

Hi any one cant help me. How i can improve my Article ā€œHow to clean car matsā€. If some one have better suggestion please write down

1 Like