《React-Native系列》39、 ReactNative之键盘Keyboard

最新推荐文章于 2024-05-15 09:48:46 发布

coder_小刀

最新推荐文章于 2024-05-15 09:48:46 发布

阅读量1.5w

点赞数 1

分类专栏： ReactNative实战系列文章标签： ReactNative

本文链接：https://blog.csdn.net/codetomylaw/article/details/52798988

版权

今天我们来说下RN对键盘事件的支持。

在react-native 的Component组件中有个Keyboard.

github地址如下： https://github.com/facebook/react-native/tree/770091f3c13f7c1bd77c50f979d89a774001fbf0/Libraries/Components/Keyboard

我们先来看下官方提供的例子，监听键盘的弹出与消失。Demo如下：

import React, { Component } from 'react';
import { Keyboard, TextInput } from 'react-native';

class Example extends Component {
  componentWillMount () {
    this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this._keyboardDidShow);
    this.keyboardDidHideListener = Keyboar