Ionic custom keyboard - ionic-framework

I'm trying to build a custom keyboard on Ionic.
I'm targeting iOS and Android devices.
I have a searchbar and my goal is to display a keyboard and just above it add a button that would, when clicked, open something in the place where the keyboard is.
I'm trying to use the #ionic-native/keyboard module but I didn't find any help on the internet. Plus the keyboard doesn't show when I try to display on a navigator, I have to type with my computer keyboard in the searchbar.

Cordova Doesn't supported in computer browser you need to check in real mobile devises
use ionic cordova run android This will start an android emulator that should allow all the cordova plugins to function

Related

I can't find the location to select for the target device in VS Code. (Flutter)

I usually use Android studio for application development with Flutter.
I'm trying to use VSCode, but as the title says, I can't find the selection of the target device I want to run.
For the time being, I selected [Run and Debug] from the icon on the left and executed it, and I was able to run the app on the actual iphone, but I want to run it on macOS.
I would appreciate it if you could tell me where it is.
At the very bottom of your editor, there is a bar, in this bar you should see the name of the currently selected platform, if you click on the platform, you will bring up a menu where you can select the device.
here is a closeup:
In my case you would click on "windows (windows-x64)"
You can also press Ctrl+Shift+P and write Flutter: select device to bring up the same menu

Keyman Android custom layout

I have created an app with Android Studio that needs a custom keyboard with only a few letters and numbers. I can create alternate keys in the Keyman development IDE but I can't find how to change what is displayed on the virtual keyboard buttons.
Thanks in advance
Sam
You'll first need to add the "Touch-Optimised Keyboard" feature in the Details tab in the Keyman Developer IDE.
Once you have added this, the Touch Layout tab will be added which allows you to change the layout for Android (and iOS) devices.

Ionic - problem with icon on double click iPhone button

how can i change the icon selected in figure in Ionic 3 (double click in iPhone button)?
The app opening icon is correct, only the one I highlight in the figure I don't know how to change it.
I use the following command to generate icon and splashscreen:
ionic cordova resources ios

How to bring back "Add to home" banner for progressive web app after removed the icon from home screen?

The reason - I made a Progressive web app, opened in the browser - all is fine and browser offered me to add it to home screen.
Now, I want to demonstrate this on a presentation, and so - removed the icon from home screen. But for the last whole day I've been playing with the website in chrome a lot, and the banner never appears back.
Is it really a once-in-a-lifetime thing? Or is there something specific I need to do?
The app-install banner prompt is normally presented after you've visited the site at least twice with at least 5 minutes between each visit. Using a Chrome flag, you can bypass these checks so that the banner always appears on every visit:
Open Android Chrome.
Go to chrome://flags/#bypass-app-banner-engagement-checks
Click Enable
Click Relaunch Now
You can also simulate an Add To Homescreen event from Chrome DevTools:
Open Android Chrome on your phone, and navigate to a PWA (e.g., the Paper Planes app from https://paperplanes.world).
Connect to your Android with a USB cable.
From desktop Chrome DevTools, select Menu > More Tools > Remote Devices. OR CTRLSHIFTP (or CMDSHIFTP for macOS), and enter "Remote devices".
Select your phone by name.
Click the Inspect button next to the list item corresponding to your PWA (e.g., Paper Planes).
In the new DevTools pop-up for your PWA, go to the Application panel, and click Add to homescreen. This should cause the app-install banner to appear in Android Chrome. Note the banner won't appear in the Chrome DevTools screen mirror.
(steps above verified with Chrome 55 on macOS Sierra, and Android Chrome 57)
I found another solution - when I go to the settings of chrome mobile and choose History -> Clear browsing data (make sure that the option to clear Cookies is ticked) then click the Clear Data button - after that I get again the app install banner to add the app to the home screen.
Apparently - it clears not only the data itself, but also makes the browser forget everything about this website.
(Strangely - the old icon doesn't go away ... so now I have a few icons on the home screen :D ...)

Go inside of settings on button press

I'm new to android application development. My question is how to show directly inside of android settings on press of a button of an application.
example on button press show directly VPN settings or Tethering & portable hotspot settings.
try this way working in 4.0.4 not tested in another version
Intent tetherSettings = new Intent();
tetherSettings.setClassName("com.android.settings", "com.android.settings.TetherSettings");
startActivity(tetherSettings);