问题标签 [tpkeyboardavoiding]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
726 浏览

ios - TPKeyboardAvoiding scrollview 在 iOS 中默认为错误的返回键类型“完成”而不是 UIReturnKeyNext

我在许多 iOS 项目中使用了这个键盘避免库https://github.com/michaeltyson/TPKeyboardAvoiding。它按预期工作,但在一个项目中它产生了一个奇怪的问题,即返回键标题总是“完成”而不是“下一步” '.Functionality 仍然是正确的,就像点击键盘“完成”正在使下面的 UITextField 成为第一响应者,而点击最后一个键盘“完成”正在退出键盘。我已经使用了许多 iOS 版本以及 Objective-C 和 swift 项目,没有任何问题目前使用 xcode 8.3.2 和 swift 任何人都有类似的问题或知道这个问题的原因。[ 第一个字段 returnKey 是“完成”]]

0 投票
4 回答
11083 浏览

ios - React Native KeyboardAvoidingView 无法正常工作

我正在尝试将 KeyboardAvoidingView 与 behavior="padding" 一起使用。

当我尝试在 TextInput 中输入任何文本时,TextInput 字段没有向上移动。我最后添加了一个小视图,它正在向上移动,但它上面的视图。

我也有带偏移量的 KeyboardAvoidingView 高度属性。它工作的组件很少,例如 2 个 TextInputs。但是,当我添加所有组件时,UI 会变得疯狂并且行为混乱。

知道这里发生了什么吗?

这是我遵循的教程链接。

0 投票
1 回答
1410 浏览

android - 在 react native 中使用 KeyboardAvoidingView 时,整个内容都被向上推

在本机反应中使用 KeyboardAvoidingView 时遇到问题。以下是我的代码:

在 Android 上,当我点击 TextInput 时,上部组件被向上推,因此下部组件填充屏幕。但是在iOS上没关系。

以下是在 android 上点击 TextInput 之前的屏幕截图:

点击 TextInput 之前的屏幕截图

以下是点击 TextInput 后​​的屏幕截图:

点击 TextInput 后​​的屏幕截图

正如我之前所说,在 iOS 上,一切正常。我怎样才能在android上解决这个问题?为什么在 iOs 上与在 android 上不同?我很高兴听到你的进步。谢谢。

0 投票
1 回答
254 浏览

android - 在我的本机代码中,键盘避免视图不起作用

我很烦恼。在我的代码中,键盘避免视图不起作用。我正在使用键盘避免视图,但是当我填写确认密码时,textInput 将在键盘后面并且不显示。请为我的代码建议我更好的答案。我的代码是:-

0 投票
1 回答
41 浏览

react-native - 为什么 KeyboardAvoidingView 没有出现在 React Native App 中?

我有带有TextInput组件的React Native应用程序。目前我正在尝试实现当用户输入TextInput时出现的KeyboardAvoidingView,但没有发生任何事情。KeyboardAvoidingView没有出现。我更改了行为属性,将绝对位置放置到容器中,但KeyboardAvoidingView仍然无法正常工作。有人可以解释一下为什么吗?

0 投票
2 回答
594 浏览

javascript - KeyboardAvoidingView 在我的代码中不起作用-react native

在我的代码中,我正在捕获 as user 的一些详细信息。有很多输入字段和下拉菜单。并非一切正常,所有值都在填充,能够更改值并获取所有数据。但我正在实施“KeyboardAvoidingView”来避免与我的屏幕重叠的键盘。就像当我单击 belwo 输入字段时键盘即将到来但它与字段重叠。虽然它应该自动向上移动。我看到了一些关于“KeyboardAvoidingView”的东西,我很喜欢,但它不起作用。请建议我哪里出错了。我在这里粘贴了我的整个 UI 代码。

谢谢 在此处输入图像描述 在此处输入图像描述

0 投票
0 回答
138 浏览

ios - Keyboardavoidingview 导致屏幕内容跳转 react native

以下是一个简单的代码片段,它在屏幕顶部有一个静态标题和一个<TextInput>包装在视图容器中。输入在 android 和 ios 上都很好用。我面临的唯一问题是输入集中在 ios 上时出现的跳转。

注意:第一次输入焦点时,内容不会跳转。

跳跃内容.GIF

这是代码

); }

0 投票
2 回答
30 浏览

ios - 键盘仅覆盖 iOS 模拟器屏幕底部的按钮

当键盘打开时,我一直在尝试滚动键盘上方的按钮,我正在使用“react-native-keyboard-aware-scroll-view”,当我将按钮对齐文本字段下方的顶部时,它变得很方便,但我希望我的按钮在屏幕底部对齐(flex-end),在这种情况下,键盘覆盖我的按钮并且按钮不会向上滑动。在 Android 模拟器中它工作正常,但在 iOS 中却不是。我尝试了不同的东西,让 extraScrollHeight 也不起作用,它具有一两个文本字段和更大的屏幕尺寸。请提出一些建议。

未打开键盘时的Android 打开键盘时的Android

未打开键盘时的iOS 打开键盘时的iOS

这是我的代码。

使用的样式化组件

我正在考虑让键盘打开侦听器并在键盘打开时提供键盘高度的按钮边距,但这是最后的解决方案,如果还有其他问题,请提出建议。