1.安装

yarn add react-native-keyboard-aware-scroll-view

2.引入

import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view'

3.调用

<KeyboardAwareScrollView>
<View>
<TextInput />
</View>
</KeyboardAwareScrollView>

4.常用方法

(1)跳到自定输入框

_scrollToInput (reactNode: any) {
// Add a 'scroll' ref to your ScrollView
this.scroll.scrollToFocusedInput(reactNode)
} <KeyboardAwareScrollView innerRef={ref => {this.scroll = ref}}>
<View>
<TextInput onFocus={(event: Event) => {
// `bind` the function if you're using ES6 classes
this._scrollToInput(ReactNative.findNodeHandle(event.target))
}} />
</View>
</KeyboardAwareScrollView>

(2)监听 键盘显示或隐藏 onKeyboardWillShow 和 onKeyboardWillHide:

<KeyboardAwareScrollView
onKeyboardWillShow={(frames: Object) => {
console.log('Keyboard event', frames)
}}>
<View>
<TextInput />
</View>
</KeyboardAwareScrollView>

5.效果图

最新文章

  1. STM32学习及应用笔记一:SysTick定时器学习及应用
  2. Unity依赖注入使用详解
  3. Spark+Hadoop+Hive集群上数据操作记录
  4. JfreeChart使用(转载)
  5. Struts2之自定义类型转换器
  6. hdu 4655 Cut Pieces
  7. 初试mysql存储过程&amp;触发器
  8. HDOJ 1004题 Let the Balloon Rise strcmp()函数
  9. SRM 586 DIV1
  10. 用Cython加速Python程序以及包装C程序简单测试
  11. 设置为互斥按钮的一组Radio按钮的用法
  12. 【Contest Hunter 5302】金字塔
  13. 《剑指offer》-和为S的正整数序列
  14. AGC006D Median Pyramid Hard
  15. 类与接口(二)java的四种内部类详解
  16. React Native 填坑一
  17. [转]C++之运算符重载(1)
  18. [Web前端]由cookies安全说开去
  19. (转)【javascript基础】原型与原型链
  20. 使用JSON Web Token设计单点登录系统

热门文章

  1. selenium 滚动条操作(JavaScript操作)
  2. AC日记——绿豆蛙的归宿 codevs 2488
  3. C# axWindowsMediaPlayer制作播放器
  4. (二)mysql忘记root密码
  5. Servlet 调用过程
  6. php获取rl完整地址
  7. HDU 2824.The Euler function-筛选法求欧拉函数
  8. 有向图强连通分量的Tarjan算法及模板
  9. C - 你经历过绝望吗?两次! 【地图型BFS+优先队列(障碍物)】
  10. POJ 3537:Crosses and Crosses(Multi-Nim)