Revert "Remove the call that does blur the undelying native compone…

…nt (#12946)

* Revert "Remove the call that does `blur` the undelying native component when deselecting RichText or PlainText. (#12886)"

This reverts commit d9fe45e.

* Blur only if it is iOS

* Fix imports

packages/editor/src/components/plain-text/index.native.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { TextInput } from 'react-native';
+import { TextInput, Platform } from 'react-native';
 
 /**
  * WordPress dependencies
@@ -14,13 +14,21 @@ import { Component } from '@wordpress/element';
 import styles from './style.scss';
 
 export default class PlainText extends Component {
+	isIOS: boolean = Platform.OS === 'ios';
+
 	componentDidMount() {
 		// if isSelected is true, we should request the focus on this TextInput
 		if ( ( this._input.isFocused() === false ) && ( this._input.props.isSelected === true ) ) {
 			this.focus();
 		}
 	}
 
+	componentDidUpdate( prevProps ) {
+		if ( ! this.props.isSelected && prevProps.isSelected && this.isIOS ) {
+			this._input.blur();
+		}
+	}
+
 	focus() {
 		this._input.focus();
 	}

packages/editor/src/components/rich-text/index.native.js

@@ -2,7 +2,7 @@
  * External dependencies
  */
 import RCTAztecView from 'react-native-aztec';
-import { View } from 'react-native';
+import { View, Platform } from 'react-native';
 import {
 	forEach,
 	merge,
@@ -64,6 +64,8 @@ export function getFormatValue( formatName ) {
 }
 
 export class RichText extends Component {
+	isIOS: boolean = Platform.OS === 'ios';
+
 	constructor() {
 		super( ...arguments );
 		this.onChange = this.onChange.bind( this );
@@ -292,6 +294,8 @@ export class RichText extends Component {
 	componentDidUpdate( prevProps ) {
 		if ( this.props.isSelected && ! prevProps.isSelected ) {
 			this._editor.focus();
+		} else if ( ! this.props.isSelected && prevProps.isSelected && this.isIOS ) {
+			this._editor.blur();
 		}
 	}