@@ -27,7 +27,7 @@ public struct AsyncMultiplexImageNuke: View {
27
27
image
28
28
. resizable ( )
29
29
. scaledToFill ( )
30
- . transition ( . opacity. animation ( . bouncy) )
30
+ . transition ( . opacity. animation ( . bouncy) )
31
31
case . failure:
32
32
EmptyView ( )
33
33
}
@@ -50,6 +50,55 @@ public struct AsyncMultiplexImageNuke: View {
50
50
)
51
51
}
52
52
53
+ #Preview( " Rotating " ) {
54
+ HStack {
55
+
56
+ Rectangle ( )
57
+ . frame ( width: 100 , height: 100 )
58
+ . rotationEffect ( . degrees( 10 ) )
59
+
60
+ AsyncMultiplexImageNuke (
61
+ imageRepresentation: . remote(
62
+ . init(
63
+ constant: URL (
64
+ string:
65
+ " https://images.unsplash.com/photo-1492446845049-9c50cc313f00?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8 "
66
+ ) !
67
+ )
68
+ )
69
+ )
70
+ . frame ( width: 100 , height: 100 )
71
+ . rotationEffect ( . degrees( 10 ) )
72
+ . clipped ( antialiased: true )
73
+
74
+ AsyncMultiplexImageNuke (
75
+ imageRepresentation: . remote(
76
+ . init(
77
+ constant: URL (
78
+ string:
79
+ " https://images.unsplash.com/photo-1492446845049-9c50cc313f00?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8 "
80
+ ) !
81
+ )
82
+ )
83
+ )
84
+ . frame ( width: 100 , height: 100 )
85
+ . rotationEffect ( . degrees( 20 ) )
86
+
87
+ AsyncMultiplexImageNuke (
88
+ imageRepresentation: . remote(
89
+ . init(
90
+ constant: URL (
91
+ string:
92
+ " https://images.unsplash.com/photo-1492446845049-9c50cc313f00?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8 "
93
+ ) !
94
+ )
95
+ )
96
+ )
97
+ . frame ( width: 100 , height: 100 )
98
+ . rotationEffect ( . degrees( 30 ) )
99
+ }
100
+ }
101
+
53
102
#Preview {
54
103
AsyncMultiplexImageNuke (
55
104
imageRepresentation: . loaded( Image ( systemName: " photo " ) )
0 commit comments