react-native - 本机基础需要键盘覆盖内容

Question

例如，有一个页脚，我希望键盘将其隐藏。现在我有这样的事情：

在此处输入图像描述

在此处输入图像描述

我需要做什么？

PS：我使用原生基础。

标签： react-nativenative-base

Answer 1

您至少必须尝试使用​​一些代码询问！- 看看如何提问

无论如何，您必须import { Keyboard } from "react-native";添加侦听器。每当键盘打开时，隐藏页脚。

就像是：

  componentDidMount () {
    this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this._keyboardDidShow);
    this.keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', this._keyboardDidHide);
  }

  componentWillUnmount () {
    this.keyboardDidShowListener.remove();
    this.keyboardDidHideListener.remove();
  }

  _keyboardDidShow () {
    // change the state of showFooter to false
  }

  _keyboardDidHide () {
    // change the state of showFooter to true
  }

查看键盘文档