画像の表示
struct ContentView: View {
var body: some View {
Image("Image", bundle: .main)
}
}
![スクリーンショット 2019-11-12 15.03.57.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F234348%2Fa5acaf7f-977d-8c2d-fcf8-6e62507bb4cb.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=10aa0872080d6f278c9fab5984d8b95e)
大きすぎるのでリサイズ
struct ContentView: View {
var body: some View {
Image("Image", bundle: .main)
.frame(width: 50.0, height: 50.0, alignment: .leading)
}
}
ちゃんとリサイズされません
![スクリーンショット 2019-11-12 15.05.16.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F234348%2F6a01443c-0f06-1651-a10f-9109276b7fdb.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=03e414756c70b37afde294b6ea72a7f1)
.resizable()
を付ける
Image
をリサイズする際には .resizable()
をつけなければならないみたいです。
struct ContentView: View {
var body: some View {
Image("Image", bundle: .main)
.resizable()
.frame(width: 50.0, height: 50.0, alignment: .leading)
}
}
![スクリーンショット 2019-11-12 15.05.34.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F234348%2F86baf2f2-9190-20d2-af47-3a98dc56cc0f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=4f22da0a7405c702cadbc3688479cfaa)
これでリサイズされました。