React native：アニメーションで中央から上へ入力を移動するには？

Question

私はInputをコーディングしようとしています。ユーザーが何らかのテキストを入力し始めたら、中央から上に移動します。いくつかのアニメーションでjustifyContent: 'center'をjustifyContent: 'flex-start'に変更するにはどうすればよいですか？それとも別の方法がありますか？

マイコード：

<View style={styles.container}> 
    <SearchInput 
    onChangeText={this.handleInputChange} 
    /> 
</View> 

とスタイル：

const styles = { 
    container: { 
    flex: 1, 
    alignItems: 'stretch', 
    justifyContent: 'center', 
    flexDirection: 'column' 
    } 
}; 

Answer 1

あなたはLayoutAnimationを使用することにより、無料でそれを達成することができるはずです。

これは、あなたが何をするのかで、明らかにいくつかのものは除外されています

handleFocus =() => { 
    LayoutAnimation.easeInEaseOut(); 
    this.setState({ 
    isSearching: true, 
    }); 
}; 

render() { 
    const style = { 
    justifyContent: this.state.isSearching 
     ? 'flex-start' 
     : 'center', 
    }; 
    return (
    <TextInput onFocus={this.handleFocus} style={style} /> 
); 
} 

これは私が疑うれ、動作しない場合は、Animatedを使用しなければならないでしょう。