feat(ios): Added Keyboard.setKeyboardStyle method (#79)

Author: John Doherty

README.md

@@ -39,6 +39,18 @@ cordova plugin add cordova-plugin-ionic-keyboard --save
 <preference name="KeyboardResizeMode" value="native" />
 ```
 
+### KeyboardStyle (for iOS only)
+
+> String ('light' by default)
+
+#### Possible values
+
+- `light`
+- `dark`
+
+```xml
+<preference name="KeyboardStyle" value="dark" />
+```
 
 ## Methods
 
@@ -52,7 +64,7 @@ Set to true to hide the additional toolbar that is on top of the keyboard. This
 Keyboard.hideFormAccessoryBar(value, successCallback);
 ```
 
-##### Quick Example
+#### Quick Example
 
 ```js
 Keyboard.hideFormAccessoryBar(true);
@@ -70,7 +82,6 @@ Call this method to hide the keyboard
 Keyboard.hide();
 ```
 
-
 ### Keyboard.show
 
 > Show the keyboard
@@ -81,16 +92,27 @@ Call this method to show the keyboard.
 Keyboard.show();
 ```
 
-### Keyboard.setResizeMode (for iOS only)


+### Keyboard.setResizeMode (for iOS only)
+
 > Programmatically set the resize mode
 
-

Call the method with parameter to set the resize mode.


+Call the method with parameter to set the resize mode.
+
+```js
+// Possible values are the same as for 'KeyboardResizeMode' preference
+Keyboard.setResizeMode('native');
+Keyboard.setResizeMode('body');
+Keyboard.setResizeMode('ionic');
+```
 
-```js

-// Possible values are the same as for 'KeyboardResizeMode' preference

-Keyboard.setResizeMode('native');

-Keyboard.setResizeMode('body');

-Keyboard.setResizeMode('ionic');

+### Keyboard.setKeyboardStyle (for iOS only)
+
+> Programmatically set the keyboard style
+
+```js
+// Possible values are the same as for 'KeyboardStyle' preference
+Keyboard.setKeyboardStyle('light'); // <- default
+Keyboard.setKeyboardStyle('dark');
 ```
 
 ## Properties

src/ios/CDVIonicKeyboard.h

@@ -24,6 +24,7 @@
 @property (readwrite, assign, nonatomic) BOOL shrinkView;
 @property (readwrite, assign, nonatomic) BOOL disableScrollingInShrinkView;
 @property (readwrite, assign, nonatomic) BOOL hideFormAccessoryBar;
+@property (readwrite, assign, nonatomic) NSString* keyboardStyle;
 @property (readonly, assign, nonatomic) BOOL keyboardIsVisible;
 
 - (void)hideFormAccessoryBar:(CDVInvokedUrlCommand*)command;

src/ios/CDVIonicKeyboard.m

@@ -53,8 +53,17 @@ - (id)settingForKey:(NSString *)key
 
 #pragma mark Initialize
 
+NSString* UIClassString;
+NSString* WKClassString;
+NSString* UITraitsClassString;
+NSString* _keyboardStyle;
+
 - (void)pluginInitialize
 {
+    UIClassString = [@[@"UI", @"Web", @"Browser", @"View"] componentsJoinedByString:@""];
+    WKClassString = [@[@"WK", @"Content", @"View"] componentsJoinedByString:@""];
+    UITraitsClassString = [@[@"UI", @"Text", @"Input", @"Traits"] componentsJoinedByString:@""];
+
     NSDictionary *settings = self.commandDelegate.settings;
 
     [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(statusBarDidChangeFrame:) name: UIApplicationDidChangeStatusBarFrameNotification object:nil];
@@ -74,10 +83,17 @@ - (void)pluginInitialize
                 self.keyboardResizes = ResizeBody;
             }
         }
-        NSLog(@"CDVIonicKeyboard: resize mode %d", self.keyboardResizes);
+        NSLog(@"CDVIonicKeyboard: resize mode %lu", (unsigned long)self.keyboardResizes);
     }
     self.hideFormAccessoryBar = [settings cordovaBoolSettingForKey:@"HideKeyboardFormAccessoryBar" defaultValue:YES];
 
+    // get the KeyboardStyle value from config.xml
+    NSString *keyboardStyle = [settings cordovaSettingForKey:@"KeyboardStyle"];
+    if (keyboardStyle) {
+        // call to setKeyboardStyle
+        [self setKeyboardStyle:keyboardStyle];
+    }
+
     NSNotificationCenter *nc = [NSNotificationCenter defaultCenter];
 
     [nc addObserver:self selector:@selector(onKeyboardWillHide:) name:UIKeyboardWillHideNotification object:nil];
@@ -139,6 +155,9 @@ - (void)onKeyboardWillShow:(NSNotification *)note
         [self setKeyboardHeight:height delay:duration+0.2];
         [self resetScrollView];
     }
+    
+    // call to setKeyboardStyle in case it's changed
+    [self setKeyboardStyle:self.keyboardStyle];
 
     NSString *js = [NSString stringWithFormat:@"Keyboard.fireOnShowing(%d);", (int)height];
     [self.commandDelegate evalJs:js];
@@ -228,6 +247,48 @@ - (void)_updateFrame
     [self resetScrollView];
 }
 
+#pragma mark Keyboard Style
+
+ - (NSString*)keyboardStyle
+{
+    return _keyboardStyle;
+}
+
+ - (void)setKeyboardStyle:(NSString*)style
+{
+    IMP newImp = [style isEqualToString:@"dark"] ? imp_implementationWithBlock(^(id _s) {
+        return UIKeyboardAppearanceDark;
+    }) : imp_implementationWithBlock(^(id _s) {
+        return UIKeyboardAppearanceLight;
+    });
+    
+    if (self.isWK) {
+        for (NSString* classString in @[WKClassString, UITraitsClassString]) {
+            Class c = NSClassFromString(classString);
+            Method m = class_getInstanceMethod(c, @selector(keyboardAppearance));
+            
+            if (m != NULL) {
+                method_setImplementation(m, newImp);
+            } else {
+                class_addMethod(c, @selector(keyboardAppearance), newImp, "l@:");
+            }
+        }
+    }
+    else {
+        for (NSString* classString in @[UIClassString, UITraitsClassString]) {
+            Class c = NSClassFromString(classString);
+            Method m = class_getInstanceMethod(c, @selector(keyboardAppearance));
+            
+            if (m != NULL) {
+                method_setImplementation(m, newImp);
+            } else {
+                class_addMethod(c, @selector(keyboardAppearance), newImp, "l@:");
+            }
+        }
+    }
+
+    _keyboardStyle = style;
+}
 
 #pragma mark HideFormAccessoryBar
 
@@ -240,9 +301,6 @@ - (void)setHideFormAccessoryBar:(BOOL)hideFormAccessoryBar
         return;
     }
 
-    NSString* UIClassString = [@[@"UI", @"Web", @"Browser", @"View"] componentsJoinedByString:@""];
-    NSString* WKClassString = [@[@"WK", @"Content", @"View"] componentsJoinedByString:@""];
-
     Method UIMethod = class_getInstanceMethod(NSClassFromString(UIClassString), @selector(inputAccessoryView));
     Method WKMethod = class_getInstanceMethod(NSClassFromString(WKClassString), @selector(inputAccessoryView));
 
@@ -301,6 +359,17 @@ -(void)setResizeMode:(CDVInvokedUrlCommand *)command
     }
 }
 
+- (void)keyboardStyle:(CDVInvokedUrlCommand*)command
+{
+    id value = [command.arguments objectAtIndex:0];
+    if ([value isKindOfClass:[NSString class]]) {
+        value = [(NSString*)value lowercaseString];
+    } else {
+        value = @"light";
+    }
+
+     self.keyboardStyle = value;
+}
 
 #pragma mark dealloc
 

www/android/keyboard.js

@@ -3,7 +3,6 @@ var argscheck = require('cordova/argscheck'),
     exec = require('cordova/exec'),
     channel = require('cordova/channel');
 
-
 var Keyboard = function () {};
 
 Keyboard.fireOnShow = function (height) {
@@ -58,6 +57,10 @@ Keyboard.setResizeMode = function (mode) {
     console.warn("Keyboard.setResizeMode() not supported in Android");
 }
 
+Keyboard.setKeyboardStyle = function(style) {
+    console.warn("Keyboard.setKeyboardStyle() not supported in Android");
+};
+
 channel.onCordovaReady.subscribe(function () {
     exec(success, null, 'Keyboard', 'init', []);
 

www/ios/keyboard.js

@@ -94,6 +94,10 @@ Keyboard.setResizeMode = function (mode) {
     exec(null, null, "Keyboard", "setResizeMode", [mode]);
 }
 
+Keyboard.setKeyboardStyle = function(style) {
+    exec(null, null, "Keyboard", "keyboardStyle", [style]);
+};
+
 Keyboard.isVisible = false;
 
 module.exports = Keyboard;