Added support for iOS keyboard appearance (#230)

packages/zefyr/example/lib/src/full_page.dart

@@ -94,6 +94,7 @@ class _FullPageEditorScreenState extends State<FullPageEditorScreen> {
             focusNode: _focusNode,
             mode: _editing ? ZefyrMode.edit : ZefyrMode.select,
             imageDelegate: CustomImageDelegate(),
+            keyboardAppearance: Brightness.dark,
           ),
         ),
       ),

packages/zefyr/lib/src/widgets/editable_text.dart

@@ -40,9 +40,11 @@ class ZefyrEditableText extends StatefulWidget {
     this.mode = ZefyrMode.edit,
     this.padding = const EdgeInsets.symmetric(horizontal: 16.0),
     this.physics,
+    this.keyboardAppearance = Brightness.light,
   })  : assert(mode != null),
         assert(controller != null),
         assert(focusNode != null),
+        assert(keyboardAppearance != null),
         super(key: key);
 
   /// Controls the document being edited.
@@ -75,6 +77,13 @@ class ZefyrEditableText extends StatefulWidget {
   /// Padding around editable area.
   final EdgeInsets padding;
 
+  /// The appearance of the keyboard.
+  ///
+  /// This setting is only honored on iOS devices.
+  ///
+  /// If unset, defaults to the brightness of [Brightness.light].
+  final Brightness keyboardAppearance;
+
   @override
   _ZefyrEditableTextState createState() => _ZefyrEditableTextState();
 }
@@ -103,7 +112,8 @@ class _ZefyrEditableTextState extends State<ZefyrEditableText>
   /// keyboard become visible.
   void requestKeyboard() {
     if (_focusNode.hasFocus) {
-      _input.openConnection(widget.controller.plainTextEditingValue);
+      _input.openConnection(
+          widget.controller.plainTextEditingValue, widget.keyboardAppearance);
     } else {
       FocusScope.of(context).requestFocus(_focusNode);
     }
@@ -293,8 +303,8 @@ class _ZefyrEditableTextState extends State<ZefyrEditableText>
   }
 
   void _handleFocusChange() {
-    _input.openOrCloseConnection(
-        _focusNode, widget.controller.plainTextEditingValue);
+    _input.openOrCloseConnection(_focusNode,
+        widget.controller.plainTextEditingValue, widget.keyboardAppearance);
     _cursorTimer.startOrStop(_focusNode, selection);
     updateKeepAlive();
   }

packages/zefyr/lib/src/widgets/editor.dart

@@ -27,6 +27,7 @@ class ZefyrEditor extends StatefulWidget {
     this.imageDelegate,
     this.selectionControls,
     this.physics,
+    this.keyboardAppearance,
   })  : assert(mode != null),
         assert(controller != null),
         assert(focusNode != null),
@@ -69,6 +70,13 @@ class ZefyrEditor extends StatefulWidget {
   /// Padding around editable area.
   final EdgeInsets padding;
 
+  /// The appearance of the keyboard.
+  ///
+  /// This setting is only honored on iOS devices.
+  ///
+  /// If unset, defaults to the brightness of [ThemeData.primaryColorBrightness].
+  final Brightness keyboardAppearance;
+
   @override
   _ZefyrEditorState createState() => _ZefyrEditorState();
 }
@@ -178,6 +186,10 @@ class _ZefyrEditorState extends State<ZefyrEditor> {
 
   @override
   Widget build(BuildContext context) {
+    final ThemeData themeData = Theme.of(context);
+    final Brightness keyboardAppearance =
+        widget.keyboardAppearance ?? themeData.primaryColorBrightness;
+
     Widget editable = ZefyrEditableText(
       controller: _scope.controller,
       focusNode: _scope.focusNode,
@@ -187,6 +199,7 @@ class _ZefyrEditorState extends State<ZefyrEditor> {
       mode: widget.mode,
       padding: widget.padding,
       physics: widget.physics,
+      keyboardAppearance: keyboardAppearance,
     );
 
     return ZefyrTheme(

packages/zefyr/lib/src/widgets/field.dart

@@ -21,6 +21,13 @@ class ZefyrField extends StatefulWidget {
   final ZefyrImageDelegate imageDelegate;
   final ScrollPhysics physics;
 
+  /// The appearance of the keyboard.
+  ///
+  /// This setting is only honored on iOS devices.
+  ///
+  /// If unset, defaults to the brightness of [ThemeData.primaryColorBrightness].
+  final Brightness keyboardAppearance;
+
   const ZefyrField({
     Key key,
     this.decoration,
@@ -32,6 +39,7 @@ class ZefyrField extends StatefulWidget {
     this.toolbarDelegate,
     this.imageDelegate,
     this.physics,
+    this.keyboardAppearance,
   }) : super(key: key);
 
   @override
@@ -50,6 +58,7 @@ class _ZefyrFieldState extends State<ZefyrField> {
       toolbarDelegate: widget.toolbarDelegate,
       imageDelegate: widget.imageDelegate,
       physics: widget.physics,
+      keyboardAppearance: widget.keyboardAppearance,
     );
 
     if (widget.height != null) {

packages/zefyr/lib/src/widgets/input.dart

@@ -24,15 +24,16 @@ class InputConnectionController implements TextInputClient {
 
   /// Opens or closes input connection based on the current state of
   /// [focusNode] and [value].
-  void openOrCloseConnection(FocusNode focusNode, TextEditingValue value) {
+  void openOrCloseConnection(FocusNode focusNode, TextEditingValue value,
+      Brightness keyboardAppearance) {
     if (focusNode.hasFocus && focusNode.consumeKeyboardToken()) {
-      openConnection(value);
+      openConnection(value, keyboardAppearance);
     } else if (!focusNode.hasFocus) {
       closeConnection();
     }
   }
 
-  void openConnection(TextEditingValue value) {
+  void openConnection(TextEditingValue value, Brightness keyboardAppearance) {
     if (!hasConnection) {
       _lastKnownRemoteTextEditingValue = value;
       _textInputConnection = TextInput.attach(
@@ -42,6 +43,7 @@ class InputConnectionController implements TextInputClient {
           obscureText: false,
           autocorrect: true,
           inputAction: TextInputAction.newline,
+          keyboardAppearance: keyboardAppearance,
           textCapitalization: TextCapitalization.sentences,
         ),
       )..setEditingState(value);