@@ -65,7 +65,6 @@ const ExpoImageExample: React.FC = () => {
65
65
uri : "https://picsum.photos/seed/696/3000/2000" ,
66
66
} }
67
67
blurhash = "LEHLk~WB2yk8pyo0adR*.7kCMdnj"
68
- transition = { 5000 }
69
68
style = { {
70
69
width : 200 ,
71
70
height : 200 ,
@@ -104,7 +103,7 @@ const ExpoImageExample: React.FC = () => {
104
103
transitionDuration = { 3000 }
105
104
transitionEffect = "cross-dissolve"
106
105
transitionTiming = "ease-in-out"
107
- style = { { width : 200 , height : 200 } }
106
+ style = { { width : 150 , height : 150 } }
108
107
/>
109
108
</ Wrapper >
110
109
< Wrapper label = "Flip from Top - Ease Out" >
@@ -113,16 +112,20 @@ const ExpoImageExample: React.FC = () => {
113
112
transitionDuration = { 3000 }
114
113
transitionEffect = "flip-from-top"
115
114
transitionTiming = "ease-out"
116
- style = { { width : 200 , height : 200 } }
115
+ style = { { width : 150 , height : 150 } }
117
116
/>
118
117
</ Wrapper >
118
+ </ View >
119
+ </ Section >
120
+ < Section title = "Transition Timing" style = { { } } >
121
+ < View style = { { flexDirection : "row" , flexWrap : "wrap" } } >
119
122
< Wrapper label = "Curl Up - Linear" >
120
123
< ExpoImage
121
124
source = { { uri : "https://picsum.photos/1600" } }
122
125
transitionDuration = { 3000 }
123
126
transitionEffect = "curl-up"
124
127
transitionTiming = "linear"
125
- style = { { width : 200 , height : 200 } }
128
+ style = { { width : 150 , height : 150 } }
126
129
/>
127
130
</ Wrapper >
128
131
< Wrapper label = "Cross Dissolve - Ease In Out" >
@@ -131,7 +134,7 @@ const ExpoImageExample: React.FC = () => {
131
134
transitionDuration = { 3000 }
132
135
transitionEffect = "cross-dissolve"
133
136
transitionTiming = "ease-in-out"
134
- style = { { width : 200 , height : 200 } }
137
+ style = { { width : 150 , height : 150 } }
135
138
/>
136
139
</ Wrapper >
137
140
</ View >
0 commit comments