1

拡張機能についてのシューテムのように、ヒーロー アニメーションを実装しようとしています。基本的には、拡張機能のように、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"
      />
...
4

1 に答える 1