Skip to content

Commit c5dda78

Browse files
committed
update expo image example
1 parent f538c30 commit c5dda78

File tree

1 file changed

+8
-5
lines changed

1 file changed

+8
-5
lines changed

example/src/ExpoImageExample.tsx

+8-5
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,6 @@ const ExpoImageExample: React.FC = () => {
6565
uri: "https://picsum.photos/seed/696/3000/2000",
6666
}}
6767
blurhash="LEHLk~WB2yk8pyo0adR*.7kCMdnj"
68-
transition={5000}
6968
style={{
7069
width: 200,
7170
height: 200,
@@ -104,7 +103,7 @@ const ExpoImageExample: React.FC = () => {
104103
transitionDuration={3000}
105104
transitionEffect="cross-dissolve"
106105
transitionTiming="ease-in-out"
107-
style={{ width: 200, height: 200 }}
106+
style={{ width: 150, height: 150 }}
108107
/>
109108
</Wrapper>
110109
<Wrapper label="Flip from Top - Ease Out">
@@ -113,16 +112,20 @@ const ExpoImageExample: React.FC = () => {
113112
transitionDuration={3000}
114113
transitionEffect="flip-from-top"
115114
transitionTiming="ease-out"
116-
style={{ width: 200, height: 200 }}
115+
style={{ width: 150, height: 150 }}
117116
/>
118117
</Wrapper>
118+
</View>
119+
</Section>
120+
<Section title="Transition Timing" style={{}}>
121+
<View style={{ flexDirection: "row", flexWrap: "wrap" }}>
119122
<Wrapper label="Curl Up - Linear">
120123
<ExpoImage
121124
source={{ uri: "https://picsum.photos/1600" }}
122125
transitionDuration={3000}
123126
transitionEffect="curl-up"
124127
transitionTiming="linear"
125-
style={{ width: 200, height: 200 }}
128+
style={{ width: 150, height: 150 }}
126129
/>
127130
</Wrapper>
128131
<Wrapper label="Cross Dissolve - Ease In Out">
@@ -131,7 +134,7 @@ const ExpoImageExample: React.FC = () => {
131134
transitionDuration={3000}
132135
transitionEffect="cross-dissolve"
133136
transitionTiming="ease-in-out"
134-
style={{ width: 200, height: 200 }}
137+
style={{ width: 150, height: 150 }}
135138
/>
136139
</Wrapper>
137140
</View>

0 commit comments

Comments
 (0)