Xcodeシミュレータでテキスト入力画面を消したい

Question

前提・実現したいこと

textinputからカーソルを外したい　or　画像下のようなキーボード？（入力のための部分）の表示を消したいです。
先人様がたぜひ知恵をお貸しください。よろしくお願いします。

発生している問題・エラーメッセージ

画像のように入力のための部分が消えないため、画面下にあるボタン等が操作できません。
ボタン等を上に持って来れば確かに操作はできますが、不便なので解決策があれば教えてください。
input外でのダブルクリックや、色々なところでスライドしてみたり普通のスマホであれば、「これすれば消えるはず」という操作はひととおりしていると思います・・・。

該当のソースコード

  render() {
    const { create } = this.props;

    return (
      <View style={styles.container}>
        <Text>ここに英単語を入力してください</Text>
        <TextInput
          style={styles.memoEditInput}
          multiline
          value={this.state.body}
          onChangeText={text => {
            this.setState({ body: text });
          }}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    width: '100%'
  },
  memoEditInput: {
    width: '100%',
    backgroundColor: '#ddd',
    flex: 1,
    paddingTop: 32,
    paddingRight: 16,
    paddingBottom: 16,
    paddingLeft: 16,
    fontSize: 16
  }
});

補足情報（FW/ツールのバージョンなど）

ReactNative v0.61
Xcode Version 11.2.1
Iphone11ProMax 13.2.2

Answer 1

シミュレータ上でキーボードを消したいだけなら、メニューから操作できます。

実機でも消したいなら、キーボードを消去するための実装（タップを判定する領域や消去するコードなど）が必要になります。

Comments

[mattun_evo]

まさにこれがしたかったです！！！
検索するとクリック処理で消すばかりが見つかってしまい、質問させていただきました。
本当にありがとうございました！！