Swift UI を使って簡単なSNS風（見た目だけ）を作りました。

SwiftUI を用いSNS風（見た目）を作ってみました

• 現状のswiftUIの導入方法についてはこちらをご覧ください。
• できたもの
• サンプルコード
  • 縦スクロール
  • 画像のハメかた
  • 横スクロール

感想

今までより簡単にコードが書けるので学習コストもそんなにかからないと思いました！
flutter を勉強しようと思っているのですがどちらから勉強すればいいか迷っています。。。

##　できたもの
　

サンプルコード

縦スクロール

まずはTableViewのような縦にスクロールできるものを作っていきます。

ContentView.swift

import SwiftUI

struct ContentView: View {
    

    var body: some View {
        NavigationView{
            List{
               Text("Row_1")
               Text("Row_2")
            }
        }.navigationBarTitle(Text("Groups").color(.green))
    }
}

こんな感じになるはずです（なぜかNavigationBarが表示されません。）

また以下のように書くと
文字がいじれます。

ContentView.swift

struct ContentView: View {
    

    var body: some View {
        NavigationView{
            List{
                Text("Row_1")
                    .font(.headline)
                    .color(.red)
                Text("Row_2")
                    .font(.footnote)
            }
        }.navigationBarTitle(Text("Groups").color(.green))
    }
}

文字のフォントと色を変えてみました。

画像のハメかた

長くなりそうなので別の記事に書こうと思います。