「SwiftUI」画像のフレームサイズを指定する

2022年3月28日

書式
Image(systemName: “アイコン名")
.resizable()
.frame(width: 広さ, height: 高さ)
frame関数を利用してフレームのサイズを設定します。
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
struct ContentView: View {
var body: some View {
Image(systemName: "logo.circle")
        .resizable() //画像を広げ可能
        .frame(width: 120, height: 120) // フレームのサイズを120×120にする
}
}
struct ContentView: View { var body: some View { Image(systemName: "logo.circle")         .resizable() //画像を広げ可能         .frame(width: 120, height: 120) // フレームのサイズを120×120にする } }
struct ContentView: View {
    var body: some View {
        Image(systemName: "logo.circle")
         .resizable()  //画像を広げ可能
          .frame(width: 120, height: 120) // フレームのサイズを120×120にする
    }
}

結果
120×120のフレームの中で、アイコンをフレームに広げます。

Swift

Posted by arkgame