@shoutem/animation を使用して、スクロールリストのようなことを行うときに画面の見栄えを良くしようとすると、プロジェクトでshoutemを使用しようとしますが、問題があります。ここで私のコードを見てください:
ここに私のインポートがあります:
import React, { Component } from 'react';
import { Screen, Text, Image, Tile, Title, Subtitle, NavigationBar, View, ScrollView } from '@shoutem/ui';
import { ScrollDriver, } from '@shoutem/animation';
return (
<ScrollView.DriverProvider>
<Screen>
<NavigationBar
styleName='clear'
animationName="solidify"
title={restaurant.name}
share={{
title: restaurant.name,
link: restaurant.url,
}}
/>
<ScrollView>
<Image
styleName="large-portrait placeholder"
source={{ uri: restaurant.image.url }}
animationName="hero"
>
<Tile animationName="hero">
<Title>{restaurant.name}</Title>
<Subtitle>{restaurant.address}</Subtitle>
</Tile>
</Image>
<View
styleName="solid"
style={{
backgroundColor: 'white',
height: 700,
padding: 15,
}}
>
<Text>
Gaspar is a delightful French restaurant in
San Francisco\’s Financial District that is inspired by the romantic,
bustling Paris of old. Located near famed Union Square, our richly-designed
interiors make you feel as if you are truly in Paris and provide the perfect
setting for enjoying our exquisite classic and modern French fare such as Duck
Leg Confit and always popular Steak Frites. Gaspar offers two stories of dining
in addition to full bars both upstairs and downstairs and an exclusive room
reserved to hold the largest selection of Cognac in San Francisco.
In addition to our all day menu, we offer live jazz music on Saturdays.
</Text>
</View>
</ScrollView>
</Screen>
</ScrollView.DriverProvider>
);
そして、ここに私のエラーがあります。下にスクロールしても、まだ何も表示されません。
それを解決するための解決策を提案してください、どうもありがとう