1

私は SwiftUI を初めて使用するので、チュートリアルに従って慣れていきます。ただし、私のアプリのコンテンツは、小さな画面 (垂直方向と水平方向の両方) で途切れています。どうすればこれを防ぐことができますか?

これが私のコードです:

編集:コメントと回答で提案されているように、画像の周りに境界線を追加し、画像のサイズを変更しましたが、ご覧のとおり、画像は想定よりも多くのスペースを占めているようには見えません.

struct ContentView: View {
  var body: some View {
    ZStack {
      Image("background").ignoresSafeArea(.all)
      VStack {
        Spacer()
        Image("logo")
          .resizable()
          .aspectRatio(contentMode: .fit)
          .frame(width: 100)
          .border(Color.black)
        Spacer()
        HStack {
          Spacer()
          Image("card3").border(Color.black, width: 3)
          Spacer()
          Image("card4").border(Color.black, width: 3)
          Spacer()
        }
        Spacer()
        Image("dealbutton")
          .resizable()
          .aspectRatio(contentMode: .fit)
          .frame(width: 100)
          .border(Color.black)
        Spacer()
        HStack {
          Spacer()
          VStack {
            Text("Player").padding(.bottom, 10)
            Text("0").font(.largeTitle)
          }
          Spacer()
          VStack {
            Text("CPU").padding(.bottom, 10)
            Text("0").font(.largeTitle)
          }
          Spacer()
        }
        .foregroundColor(.white)
        Spacer()
      }
    }
  }
}

iPod touch でのプレビューは次のようになります。 iPod Touch プレビュー

4

2 に答える 2