Closed tora-muscle closed 1 year ago
変更点
custom.app.badge.checkmark.fill
→ custom.square.fill
calendar
→ custom.checkmark.circle.fill
Plan Do -result
画面からAct
画面遷移時
Bottom bar
には戻るボタンのみ追加SwiftUIでボトムバーを再利用するには、以下のように自分自身を表示するViewを構造体で作成して、他の画面で使用する。
struct BottomBar: View {
var body: some View {
// Bottom Bar Content Here
}
}
別の画面では、次のようにBottomBarを使用することができる。
struct SomeView: View {
var body: some View {
VStack {
// Some View Content Here
BottomBar()
}
}
}
Font.system
の引数でどんなデザインになるかsize
: 単純にサイズweight
: 文字の太さdesign
: 文字等間隔、丸文字など...https://capibara1969.com/1981/ この記事がわかりやすかった🙌
.renderingMode(.template)
を定義した際、先に.frame()
すると怒られる件について.renderingMode(.template)
はサイズが指定されていない画像に対して変更を加える。
よって、.renderingMode(.template)
より先に.frame(width: 30.0)
などを定義すると
Cannot infer contextual base in reference to member 'template'
Value of type 'some View' has no member 'renderingMode'
と怒られる
self.tabItems[index].view
.tabItem {
Image(systemName: self.tabItems[index].image)
.renderingMode(.template)
.foregroundColor(self.selectedIndex == index ? Color("UIColorGreen") : Color("UIColorGray"))
.padding(.bottom, 30.0)
.frame(width: 30.0)
}
.accentColor()
で変更するしかなかったview
のプロトコルイニシャライザで指定するしかないようだ。。。UIcolor
しか指定できないのはダサいし悲しすぎ!!struct BottomBar: View {
// ボトムバーの色を定義
init() {
UITabBar.appearance().backgroundColor = .darkGray
UITabBar.appearance().unselectedItemTintColor = .gray
}
参考文献 ▼ https://tech.amefure.com/swift-tabview 他にも「バッジ表示方法」など、詳しくまとまっているから今後助けてもらえそう!
https://github.com/k-saito-en/1weekPDCA/issues/3#issuecomment-1420244965
残件ありにつき、本課題はまだ進行中とする なお、作業ブランチは #8 時に作成したブランチとする
- [ ] figma更新
Stack
を使い分けることで任意の形のタブバーを実装することができた▼ モデル
struct BottomBarItem {
let image: String
let view: AnyView
}
▼ 中身
let bottomBarItems = [
BottomBarItem(image: "graduationcap.fill", view: AnyView(ActView())),
BottomBarItem(image: "square.fill", view: AnyView(PlanDoView())),
BottomBarItem(image: "checkmark.circle.fill", view: AnyView(CheckView()))
]
▼ 参考記事
🎫 関連課題
4
8
✨ 実現したいこと
[x] 先週の振り返りアイコン
[x] 今週のやることページ(week)アイコン
[x] カレンダーアイコン
[ ] 色
00DBB5
96A7AF
🚩 やらないこと
🔀 達成条件
👀 備考