prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

animate bottom bar opacity when onAppear event called

Browse source
This commit is contained in:
Satindar Dhillon 2022-10-25 08:37:55 -07:00
parent 8eb204b4c0
commit 67049e4c0b
1 changed files with 17 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
apple/OmnivoreKit/Sources/App/Views/WebReader/WebReaderContainer.swift
View file

@ -24,7 +24,8 @@ struct WebReaderContainerView: View {
@State var showNavBarActionID: UUID?
@State var shareActionID: UUID?
@State var annotation = String()
@State var showBottomBar: Bool = false
@State var showBottomBar = false
@State private var bottomBarOpacity = 0.0
@EnvironmentObject var dataService: DataService
@EnvironmentObject var audioController: AudioController
@ -349,14 +350,21 @@ struct WebReaderContainerView: View {
VStack(spacing: 0) {
navBar
Spacer()
bottomButtons
.frame(height: 48)
.background(Color.isDarkMode ? Color(red: 44 / 255.0, green: 44 / 255.0, blue: 46 / 255.0) : Color.white)
.cornerRadius(6)
.padding(.bottom, 34)
.shadow(color: .gray.opacity(0.13), radius: 8, x: 0, y: 4)
.offset(y: showBottomBar ? 0.0 : 120.0)
if showBottomBar {
bottomButtons
.frame(height: 48)
.background(Color.isDarkMode ? Color(red: 44 / 255.0, green: 44 / 255.0, blue: 46 / 255.0) : Color.white)
.cornerRadius(6)
.padding(.bottom, 34)
.shadow(color: .gray.opacity(0.13), radius: 8, x: 0, y: 4)
.opacity(bottomBarOpacity)
.onAppear {
withAnimation(Animation.linear(duration: 0.25)) { self.bottomBarOpacity = 1 }
}
.onDisappear {
self.bottomBarOpacity = 0
}
}
}
#endif
}