拡張機能についてのシューテムのように、ヒーロー アニメーションを実装しようとしています。基本的には、拡張機能のように、NavigationBar と Image に animationName を追加します。そうしないとエラーが発生するため、 ScrollDriver も追加する必要がありました。しかし、NavigationBar はドライバーをその子コンポーネントに渡していないように見えるため、まだこのエラーが発生しています。ここで示したようなヒーロー アニメーションを実装することは可能ですか? https://medium.com/shoutem/declare-peace-with-react-native-animations-e947332fa9b1
ありがとう、
import { ScrollDriver } from '@shoutem/animation';
getNavBarProps() {
const driver = new ScrollDriver();
return {
hasHistory: true,
driver: driver,
title: 'Title',
navigateBack: () => this.props.navigation.dispatch(NavigationActions.back()),
styleName: 'fade clear',
animationName: 'solidify',
};
}
render () {
const driver = new ScrollDriver();
return (
<Screen styleName=" paper">
<View style={{height:68}}>
<NavigationBar {...this.getNavBarProps()} />
</View>
<ScrollView style={styles.container}>
<Image
styleName="large"
source={require('../Images/spa2.jpg') }
defaultSource={require('../Images/image-fallback.png')}
driver={driver}
animationName="hero"
/>
...