Let's make sure the delegate is there. Fi. with a SearchBar it's not.

Author: EddyVerbruggen

.gitignore

@@ -2,6 +2,7 @@
 .vscode
 *.js
 *.log
+*.tgz
 !src/angular/*.js
 !demo/karma.conf.js
 !demo/app/tests/*.js
@@ -11,4 +12,4 @@ src/*.d.ts
 !src/references.d.ts
 demo/lib
 demo/platforms
-node_modules
+node_modules

demo/app/main-page.ts

@@ -1,24 +1,42 @@
-import * as observable from "data/observable";
-import * as pages from "ui/page";
-import { HelloWorldModel } from "./main-view-model";
-import { NumericKeyboard } from "nativescript-numeric-keyboard";
 import { TextField } from "tns-core-modules/ui/text-field";
 import { EventData } from "tns-core-modules/data/observable";
+import { SearchBar } from "tns-core-modules/ui/search-bar";
+import { isIOS, Page } from "tns-core-modules/ui/page";
+import { HelloWorldModel } from "./main-view-model";
+import { NumericKeyboard } from "nativescript-numeric-keyboard";
 
 // Event handler for Page 'loaded' event attached in main-page.xml
-export function pageLoaded(args: observable.EventData) {
-  let page = <pages.Page>args.object;
+export function pageLoaded(args: EventData) {
+  let page = <Page>args.object;
   page.bindingContext = new HelloWorldModel();
 
   const textField = <TextField>page.getViewById("defaultPluginKeyboard");
-
   new NumericKeyboard().decorate({
     textField: textField,
     returnKeyTitle: "Go!",
     locale: "en_US",
     noDecimals: true,
     noIpadInputBar: true
   });
+
+  if (isIOS) {
+    const searchBar = <SearchBar>page.getViewById("searchBar");
+
+    searchBar.on("textChange", (args: EventData) => {
+      let sb = <SearchBar>args.object;
+      console.log("searchBar, text entered: " + sb.text);
+    });
+
+    const textFieldContainerSubviews = searchBar.ios.subviews.objectAtIndex(0).subviews;
+    if (textFieldContainerSubviews.count > 1) {
+      new NumericKeyboard().decorate({
+        textField: textFieldContainerSubviews.objectAtIndex(1),
+        noReturnKey: true,
+        noDecimals: true,
+        noIpadInputBar: true
+      });
+    }
+  }
 }
 
 export function onMyTextLoaded(args: EventData) {

demo/app/main-page.xml

@@ -1,8 +1,8 @@
 <Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:NumKey="nativescript-numeric-keyboard" loaded="pageLoaded">
   <StackLayout horizontalAlignment="center">
-    <Label class="title" text="Tap the numbers to see various versions of this awesome iOS numeric keyboard" textWrap="true" textAlignment="center"/>
+    <Label class="title" text="Tap the numbers on the right" textWrap="true" textAlignment="center"/>
     <ScrollView verticalAlignment="top" style="background-color: #eee">
-      <GridLayout rows="auto, auto, auto, auto, auto, auto, auto, auto" columns="*, auto">
+      <GridLayout rows="auto, auto, auto, auto, auto, auto, auto, auto, auto, auto" columns="*, auto">
 
         <Label row="0" col="0" text="Regular 'number' keyboard (max 4)"/>
         <TextField maxLength="4" class="unenhancedTextField" keyboardType="number" row="0" col="1" text="{{ myText }}" loaded="onMyTextLoaded"/>
@@ -27,7 +27,12 @@
 
         <Label row="7" col="0" text="No return key"/>
         <NumKey:NumericKeyboardView id="noReturnKey" noIpadInputBar="true" noReturnKey="true" row="7" col="1" text="678"/>
-      </GridLayout>e
+
+        <iOS>
+          <Label row="8" colSpan="2" text="BONUS ROUND: a SearchBar"/>
+          <SearchBar row="9" colSpan="2" hint="Only numbers allowed :)" id="searchBar"/>
+        </iOS>
+      </GridLayout>
     </ScrollView>
     <Button horizontalAlignment="center" text="submit" tap="{{ onSubmit }}"/>
   </StackLayout>

src/numeric-keyboard.ios.ts

@@ -193,22 +193,6 @@ class MMNumberKeyboardDelegateImpl extends NSObject implements MMNumberKeyboardD
   }
 
   public numberKeyboardShouldInsertText(keyboard, text): boolean {
-    return this.numberKeyboardShouldInsertTextForTextField(keyboard, text);
-  }
-
-  private numberKeyboardShouldInsertTextForTextView(keyboard, text): boolean {
-    const oldText: string = "" + this._owner.get().getText();
-
-    const decimalSeparator: string = this._owner.get().getDecimalSeparator();
-    if (text === decimalSeparator) {
-      return oldText.indexOf(decimalSeparator) === -1;
-    }
-
-    const maxLength: number = this._owner.get().getMaxLength();
-    return !(maxLength && oldText.length + text.length > maxLength);
-  }
-
-  private numberKeyboardShouldInsertTextForTextField(keyboard, text): boolean {
     const owner = <any>this._owner.get();
     const nativeView = owner.getNativeTextField();
     const oldText = "" + this._owner.get().getText();
@@ -229,7 +213,9 @@ class MMNumberKeyboardDelegateImpl extends NSObject implements MMNumberKeyboardD
       length: nativeView.text.length === 0 ? 0 : nativeView.text.length
     };
 
-    nativeView.delegate.textFieldShouldChangeCharactersInRangeReplacementString(nativeView, range, nativeView.text + text);
+    if (nativeView.delegate && nativeView.delegate.textFieldShouldChangeCharactersInRangeReplacementString) {
+      nativeView.delegate.textFieldShouldChangeCharactersInRangeReplacementString(nativeView, range, nativeView.text + text);
+    }
     return true;
   }
 
@@ -244,7 +230,9 @@ class MMNumberKeyboardDelegateImpl extends NSObject implements MMNumberKeyboardD
     let current = nativeView.text;
     current = current.substring(0, current.length - 1);
 
-    nativeView.delegate.textFieldShouldChangeCharactersInRangeReplacementString(nativeView, range, current);
+    if (nativeView.delegate && nativeView.delegate.textFieldShouldChangeCharactersInRangeReplacementString) {
+      nativeView.delegate.textFieldShouldChangeCharactersInRangeReplacementString(nativeView, range, current);
+    }
     return true;
   }
 

src/package.json

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