我正在Image使用flexbox 设计一个组件,使其位于屏幕的中心,效果非常好.现在我希望第二个Image组件直接显示在第一个组件的顶部.第二张图像使用绝对定位.目前我只是猜测像素,以便适合,但当然这不准确,而且可维护性太大.
我几乎都在寻找与jQuery相当的React Native .offset().有没有这样的事情,如果没有最好的方法来达到这个目的？
我有一个使用react-native创建的登录屏幕.
当用户输入textInput时,如何将屏幕移开？
我是否会听取onFocus()事件并使用css样式来更改视图的样式？
想象一下具有多个TextInputs的简单ScrollView
<ScrollView style={styles.container}>
<TextInput style={styles.input} />
<TextInput style={styles.input} />
</ScrollView>
当我输入第一个输入时,键盘打开,我可以键入文本.当我想要更改为第二个输入时,我需要两次点击 - 首先键入关闭键盘,只有第二个点击打开键盘进行第二次输入.
一种解决方案是使用keyboardShouldPersistTaps={true}- 切换工作正常然后键盘根本不关闭,键盘可以覆盖一些后面的输入(或按钮).我也可以使用keyboardDismissMode,只需在拖动时关闭键盘.
我的问题是如何将这两种行为结合起来 - 进入恕我直言最好的用户体验 - 当我点击另一个输入时,焦点立即改变而不重新打开键盘,当我点击其他地方键盘关闭时？
我使用的是RN0.22,示例应用程序可在https://rnplay.org/apps/kagpGw上找到
更新 - 此问题可能已在RN 0.40中解决 - 请参阅https://github.com/facebook/react-native/commit/552c60192172f6ec503181c060c08bbc5cbcc5a4
问题陈述与此问题类似
但是我正在寻找一些与react-native实现相同的指针.
我正在构建一个聊天窗口(如iMessage,whatsapp),其中消息(ListView)位于顶部,其中包含一个包含TextInput的粘性页脚.
我能够获得一个粘性页脚,但当有人尝试在页脚中使用TextInput输入文本时,键盘会隐藏TextInput.我尝试了这篇文章中提到的方法,但由于上面的ListView的存在,似乎没有工作.
这是我当前的布局代码:
<View style={styles.container}>
<ListView
automaticallyAdjustContentInsets={false}
keyboardDismissMode="on-drag"
keyboardShouldPersistTaps={true}
showsVerticalScrollIndicator={false}
/>
<View style={styles.textContainer}>
<TextInput/>
</View>
</View>
当我将焦点放在 TextInput 框中并显示键盘时，如何自动向上滚动视图，以使 TextInput 框不会隐藏在键盘后面？这个问题已经在 StackOverflow 上被问过几次了，我在这里实现了解决方案，这是大多数答案中建议的通用解决方案。该解决方案在 iPhone 模拟器中运行良好，但在实际手机上不起作用。还有其他人遇到过该解决方案在实际手机上不起作用的问题吗？
添加此解决方案后我注意到的第二件事是，现在如果我将焦点集中在 TextInput 框中并显示键盘，如果我按下按钮或尝试将焦点集中在不同的 TextInput 框中，则始终会消耗第一次触摸来隐藏键盘并且未按下按钮或其他 TextInput 框未获得焦点。对于用户来说必须进行两次操作有点烦人。还有其他人观察到这个问题吗？
如果您对如何解决这些问题有任何意见，请告诉我？
我将ReactNative从0.2.1升级到0.26.3,然后在Android和iOS上运行该项目.它在iOS中运行良好,但在Android中,它会抛出一个错误:
未定义不是函数(React.defalut2.findNodehandle)
也试过 {import ReactNative, {} from 'react-native';}和ReactNative.findNodeHandle(component); 它既不起作用也不起作用.
I am using React Native's <WebView> component.
该文档没有提到当 webview 的 HTML 包含<input>在 Android 中成为焦点时如何处理隐藏 webview 的键盘。
有没有人设法解决这个问题？我发现了一个似乎适用于常规的库<View>，但不适用于<WebView>.
当 TextInput 获得焦点时，键盘会隐藏提交按钮。如何自动滑动TextInput下方的组件