React Native-Android布局动画键盘平面视图错误
我现在(我认为)在布局上有一个恼人的问题 我的问题是,我有一个应用程序,我可以在我的平面列表中搜索,用一个搜索按钮,我打开面板,把焦点放在打开键盘的文本输入上。当我出于某种原因想要关闭它时会出现问题,如果我用手机的后退按钮手动关闭它,它会关闭,通过点击列表来关闭它,一切都很好,但当我关闭搜索时会出现问题(因此,即使不调用React Native-Android布局动画键盘平面视图错误,android,react-native,keyboard,layout-animation,Android,React Native,Keyboard,Layout Animation,我现在(我认为)在布局上有一个恼人的问题 我的问题是,我有一个应用程序,我可以在我的平面列表中搜索,用一个搜索按钮,我打开面板,把焦点放在打开键盘的文本输入上。当我出于某种原因想要关闭它时会出现问题,如果我用手机的后退按钮手动关闭它,它会关闭,通过点击列表来关闭它,一切都很好,但当我关闭搜索时会出现问题(因此,即使不调用.blur(),文本输入也会从屏幕上删除,键盘也会自动关闭,但我也尝试过,并遇到了同样的问题 以下是一些屏幕来解释: 下面是部分代码: _onPressSearch() {
.blur()
,文本输入也会从屏幕上删除,键盘也会自动关闭,但我也尝试过,并遇到了同样的问题
以下是一些屏幕来解释:
下面是部分代码:
_onPressSearch() {
LayoutAnimation.easeInEaseOut();
this.setState({
showSearch: !this.state.showSearch
}, function () {
( this.state.showSearch ?
this.refs.searchInput.focus() :
this.setState({
searchString: "",
filtered: null
}) )
});
}
我将其从0.49.4更新为0.52.0,希望它能解决问题,但似乎没有
仅供参考:IOS没有问题,我在android上激活了动画以获得动画。
此外,如果我删除动画layoutimation.easeInEaseOut();
除了我当然没有动画外,一切都正常
非常感谢我在我们的应用程序中遇到了相同的问题,你找到解决方法了吗?我仍在寻找答案。这似乎是一个已知的问题,似乎没有迫切需要解决。我遇到了类似的问题,并且能够通过启用react native screens来解决。不确定它是否与你的问题完全相关,但以防万一你可以解决看看答案:
var searchBar = (this.state.showSearch ?
<View>
<TextInput
style={styles.searchInput}
ref='searchInput'
onChangeText={this._onChangeText.bind(this)}
value={this.state.searchString}
underlineColorAndroid={Colors.search}
maxLength={25}
autoCapitalize='none'
autoCorrect={false}
placeholder={I18n.t('search')}
placeholderTextColor={Colors.search}
clearButtonMode='never' />
</View> : <View />);
<List style={{ flex: 1 }}>
<FlatList
data={(this.state.filtered === null ? this.state.listings : this.state.filtered)}
keyExtractor={this._keyExtractor}
extraData={this.state}
renderItem={this._renderItem} />
</List>
"react": "16.0.0-alpha.12",
"react-native": "0.52.0",