TextInput 和 Animated.API 的 KeyboardAvoidingView 问题答案

【问题标题】：KeyboardAvoidingView Issue With TextInput and Animated.APITextInput 和 Animated.API 的 KeyboardAvoidingView 问题
【发布时间】：2020-12-10 19:35:06
【问题描述】：

我设计了一个页面，我有一个平面列表，我在这个页面中有选择器、滑块和文本输入。我还在此页面中使用了动画视图，但我遇到了 KeyboardAvoidingView 的问题。

页面第一次渲染时的设计是这样的：First Render

当用户单击“添加”图标时，页面如下所示： Animation Triggered and View Flex Grow

这是我的主要问题。当用户单击 TextInput 输入内容时。此页面如下所示： TextInput Focused

您还可以在这张照片中看到我的渲染代码。JSX Code

我尝试将“keyboardavoidingview”放在不同的地方，但我的问题没有解决。我该如何解决这个问题？

P.S：动画值基于“flex”属性。视图在第一次启动时具有“0.5”的弹性值，当单击按钮时，它的值是“1”。

【问题讨论】：

标签： reactjs react-native flexbox react-animated

【解决方案1】：

将你的代码包装在里面

<KeyboardAvoidingView>

</KeyboardAvoidingView>

并给它一个这样的风格

 flex: 1,
 behavior="padding"

科莱凝胶:)

【讨论】：

添加后，当我单击 Textinput 时，键盘会出现一秒钟然后消失。我认为主要问题是 flex 值和 flatlist 不允许这种行为。 Teşekkürler :)
是的，也许。只需尝试删除 flex 值