VStack 、トレイリングクロージャについて

Question

トレイリングクロージャについて教えてください????

struct ContentView: View {
 @State var number = 0
  var body: some View {
   VStack {  
    Text ( " ( number ) " )   
    Button(action: { self.number += 1} ) {
               Text( " カウント" )
         }
      }
   }
}

VStackの部分を省略せずに書いた場合どのようなコードになりますか？
省略してこのような形になったのは理解できたのですが、元々の形がわかりません（ ; ; ）
初歩的な質問で申し訳ありませんがご教授ください(>_<)

Comments

[TsukubaDepot]

> トレイリングクロージャで省VStack省略してこの形になってるのは理解できました。

最終的に何を聞きたいのかよくわからないのですが、具体的な疑問点は何なのでしょうか。
誤字もあって余計わかりにくくなっていますので、ご質問本文を修正していただけますでしょうか。

[TsukubaDepot]

あと、コード本文は <code> タグか、``` で囲っていただけますでしょうか。
https://teratail-v2.storage.googleapis.com/uploads/contributed_images/56957fe805d9d7befa7dba6a98676d2b.gif

[admjm]

返信ありがとうございます！
文章を作っている最中に投稿ボタンを押してしまいました、、すみせん修正します！！

Answer 1

VStack　は引数を3つ取る構造体のようですが、最初2つは省略可能なので（最初2つを省略するとデフォルト値がわたされる）、最終的には下記のような書き方になります。

struct ContentView: View {
    @State var number = 0
    var body: some View {
        VStack(content: {
            Text ( " ( number ) " )
            Button(action: { self.number += 1} ) {
                Text( " カウント" )
            }
        })
    }
}

ちなみに、Xcode の機能を使えば、引数の個数や型、形式を簡単に調べることが可能です。

VStack(と、前カッコまでを入力すると補完入力候補が出てきます。前カッコまで入れなければいけないのは厄介ですが、覚えておくといいかもしれません。

あるいは、コード入力後でも、気になったメソッド名などで Option + クリックするとクイックヘルプをみることができます。

これだけでは引数についてピンとこないかもしれませんが、少なくとも構造体（struct）であることはわかります。

また、ポップアップで出てきたウインドウの右下にある「Open in Developer Documentation」だともうしこし詳しい情報を参照できます。

Comments

[admjm]

今回も詳しく教えていただいて感謝です！！クイックヘルプの事もありがとうございます‼️

ちなみに、VStack( content: { } ) というのは、{ }でUI部品をクロージャしてるという認識でよいのでしょうか？

[TsukubaDepot]

クロージャであることには変わりないのですが、機能拡張もあり従来の Swift でいうクロージャの扱いとはまた異なってくるようです（構造体のイニシャライザを宣言的に記述できるあたりが異なる）。
私は詳しくないので、この辺りのリンクが参考になるかもしれません。
https://blog.personal-factory.com/2019/06/12/relationship-between-vstack-hstack-and-function-builder-in-swiftui/

[admjm]

勉強になりました‼️
いつも本当にありがとうございます????
また宜しくお願いします????‼️

[TsukubaDepot]

ちなみに、次回からはタグに SwiftUI を追加されるといいかと思います。