基本
struct ContentView: View {
var body: some View {
Form{
Text("Hello, world!")
}
}
}
![](https://hackswifttech.com/wp-content/uploads/2020/11/スクリーンショット-2020-11-16-15.32.20-555x1024.png)
一つのFormに10個以上のItemを入れたい場合
SwiftUIでは一つのFormに10個までしか要素が入らないようになっています。
11個以上入れたい場合はGroup{}を使って分ける方法があります。
var body: some View {
Form{
Group{
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
}
Group{
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
}
}
}
![](https://hackswifttech.com/wp-content/uploads/2020/11/スクリーンショット-2020-11-16-15.39.34-555x1024.png)
見た目を分ける方法
Group{}ではコード上では分割できていても見た目上は一つにまとまっていました。
デザイン上分割するにはSection{}を使います。
また、Headerをつけたい場合はSection(header:Content()){}のようにします。
Sectionについて:https://developer.apple.com/documentation/swiftui/section
var body: some View {
Form{
Section{
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
}
Section(header: Text("Title")){
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
Text("Hello, world!")
}
}
}
![](https://hackswifttech.com/wp-content/uploads/2020/11/スクリーンショット-2020-11-16-15.54.35-555x1024.png)