Genta Hirauchi

公開日:2020/09/03
更新日:2020/09/03

【SwiftUI】GroupでViewをグループ化する方法を解説

  • GroupでViewをグループ化する

SwiftUIでは、Groupを使用することで、Viewをグループ化することができます。

本記事では、Groupの使用方法について解説致します。

目次

Groupの実装

Groupは、以下のように実装します。

Group {
    View
    View
    View
    ...
}

{}内に実装したViewがグループ化されます。

以下は、12のTextの内、中間の4つをGroupでグループ化したサンプルコードです。

グループ化したTextのfontを変更しました。このように、Groupでグループ化することで、まとめてスタイルの適用などが行えます。

また、VStackやHStackなどでViewを並べて実装する際、並べられるViewは10個までという制限があります。

しかし、Groupを使用することで、グループが1つのViewとなるため、10個以上のViewを並べて実装することができます。

以上、Groupの実装方法についてでした。