我有一个应用程序,我们可以让用户标记图像(在图像上以更大的字体书写/绘制)并与他们的朋友分享。
由于产品原因,我对显示的默认文本输入使用了这种样式:{position:"absolute", top:"25%", fontSize:26}。文本输入是多行的。
我想实现以下行为:当用户打字和输入文本时,有时他会超出键盘高度,并且看不到他正在输入的内容。我想缩小文字大小和容器框,只在他打字的那段时间,让他能看到文字。然后,当他完成打字时,输入应该恢复到原来的样式,然后用户可以在需要时拖动和移动文本。
我正在检查其他应用程序的实施情况。Instagram 的故事编辑器非常优雅地做到了这一点。如果文本超出键盘范围,他们将更改文本的位置、减小大小,并使用户能够看到他们正在输入的内容。完成输入后,它们将恢复为原始大小。
如何实施?
我试过通过状态来做,但我无法弄清楚文本何时超出键盘触发行为。我可以访问键盘显示和隐藏,但如何检测何时需要实施该行为?
请帮忙