Configurable button bar on iPad #3

Author: EddyVerbruggen

README.md

@@ -91,7 +91,8 @@ export function pageLoaded(args: observable.EventData) {
     returnKeyTitle: "Go!",
     locale: "en_US", // or "nl_NL", or any valid locale really (to define the decimal char)
     noReturnKey: true,
-    noDecimals: true
+    noDecimals: true,
+    noIpadInputBar: true // suppress the bar with buttons iOS renders on iPad since iOS 9
   });
 }
 ```

demo/app/main-page.ts

@@ -15,6 +15,7 @@ export function pageLoaded(args: observable.EventData) {
     textView: textView,
     returnKeyTitle: "Go!",
     locale: "en_US",
-    noDecimals: true
+    noDecimals: true,
+    noIpadInputBar: true
   });
 }

demo/app/main-page.xml

@@ -26,7 +26,7 @@
         <NumKey:NumericKeyboardView row="6" col="1" locale="nl_NL" text="567,89"/>
 
         <Label row="7" col="0" text="No return key"/>
-        <NumKey:NumericKeyboardView id="noReturnKey" noReturnKey="true" row="7" col="1" text="678"/>
+        <NumKey:NumericKeyboardView id="noReturnKey" noIpadInputBar="true" noReturnKey="true" row="7" col="1" text="678"/>
       </GridLayout>
     </ScrollView>
     <Button horizontalAlignment="center" text="submit" tap="{{ onSubmit }}"/>

numeric-keyboard.common.d.ts

@@ -5,6 +5,7 @@ export interface NumericKeyboardOptions {
     noReturnKey?: boolean;
     returnKeyTitle?: string;
     locale?: string;
+    noIpadInputBar?: boolean;
 }
 export interface NumericKeyboardApi {
     decorate(args: NumericKeyboardOptions): Promise<any>;

numeric-keyboard.common.ts

@@ -6,6 +6,7 @@ export interface NumericKeyboardOptions {
   noReturnKey?: boolean;
   returnKeyTitle?: string;
   locale?: string;
+  noIpadInputBar?: boolean;
   // onReturnKeyPressed?: (keyboard: any) => boolean;
 }
 

numeric-keyboard.ios.d.ts

@@ -10,6 +10,7 @@ export declare class NumericKeyboardView extends TextView {
     private _locale;
     private _noDecimals;
     private _noReturnKey;
+    private _noIpadInputBar;
     private _keyboardDelegate;
     private _ios;
     private _loaded;
@@ -20,4 +21,5 @@ export declare class NumericKeyboardView extends TextView {
     noDecimals: boolean;
     locale: string;
     noReturnKey: boolean;
+    noIpadInputBar: boolean;
 }

numeric-keyboard.ios.ts

@@ -45,13 +45,16 @@ export class NumericKeyboard implements NumericKeyboardApi {
         }
       }
 
-      if (args.textView.ios === undefined) {
-        (<any>args.textView).inputView = this._keyboard;
-      } else {
-        args.textView.ios.inputView = this._keyboard;
-        if (!args.textView.backgroundColor) {
-          args.textView.backgroundColor = new Color("transparent");
-        }
+      let nativeView = args.textView.ios ? args.textView.ios : args.textView;
+      nativeView.inputView = this._keyboard;
+
+      if (args.textView.ios !== undefined && !args.textView.backgroundColor) {
+        args.textView.backgroundColor = new Color("transparent");
+      }
+
+      if (args.noIpadInputBar && nativeView.inputAssistantItem) {
+        nativeView.inputAssistantItem.leadingBarButtonGroups = [];
+        nativeView.inputAssistantItem.trailingBarButtonGroups = [];
       }
 
       resolve();
@@ -64,6 +67,7 @@ export class NumericKeyboardView extends TextView {
   private _locale: string;
   private _noDecimals: boolean;
   private _noReturnKey: boolean;
+  private _noIpadInputBar: boolean;
   private _keyboardDelegate: MMNumberKeyboardDelegateImpl = null;
   private _ios: any;
   private _loaded: boolean = false;
@@ -102,6 +106,11 @@ export class NumericKeyboardView extends TextView {
       // keyboard.returnKeyButtonStyle = MMNumberKeyboardButtonStyleDone; // (Done = default, there's also White and Gray)
       this._ios.inputView = this._keyboard;
 
+      if (this._noIpadInputBar && this._ios.inputAssistantItem) {
+        this._ios.inputAssistantItem.leadingBarButtonGroups = [];
+        this._ios.inputAssistantItem.trailingBarButtonGroups = [];
+      }
+
       // if not set by the user make it transparent (just like regular TextFields are)
       if (!this.backgroundColor) {
         this.backgroundColor = new Color("transparent");
@@ -129,6 +138,10 @@ export class NumericKeyboardView extends TextView {
   set noReturnKey(value: boolean) {
     this._noReturnKey = value;
   }
+
+  set noIpadInputBar(value: boolean) {
+    this._noIpadInputBar = value;
+  }
 }
 
 // https://developer.apple.com/reference/homekit/hmaccessorybrowserdelegate?language=objc

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nativescript-numeric-keyboard",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Handy and elegant numeric keyboard for iOS NativeScript apps. On Android we fall back to the regular numeric keyboard for now.",
   "main": "numeric-keyboard",
   "typings": "index.d.ts",