SwiftUI Firebase Chat 13: ScrollViewReader and Proxy Auto Message Scrolling

[@fabiano.almeida]

Thanks for share all your thoughts and experience with us. I loved how you solved the "scroll down" idea. That was awesome!

[@johnsorensen4696]

How are you handling scrolling the messages up when the keyboard is summoned?

[@ortbri]

man, you do amazing stuff. I appreciate the vids

[@MohammedHussain-uf5uo]

Thanks for the trick.But i need to scroll up when there is more content to load from server. How can i achieve that efficiently.

[@tariqAlmazyad]

What a clover solution . What I was thinking for this issue is to make it as the .id(vm.messages.last ?? .init(// whatever an object) ) and then make the scrollViewProxy.scrollTo(to the last message) haven't thought about the DispatchQueue part 😅.

[@piyusharmaus]

While keyboard is presented every time we push the chat view controller the chat list doesnt scroll to the end of the last chat above the keyboard. if we put delay for scrolling to the last then it works.

[@LetsBuildThatApp]

Thats a good question, I would suggest listening for keyboardWillShow through NotificationCenter. Perhaps I'll make a video on this.

[@piyusharmaus]

@@LetsBuildThatApp Thanks Brian. I tried using the same but still it gets stuck randomly if we keep doing hide/unhide. ScrollViewReader { reader in ScrollView(.vertical, showsIndicators: false) { ForEach(chats) { chat in ChatCell(chat: chat) .id(chat.id) } .onReceive(viewModel.$chats) { chats in withAnimation { reader.scrollTo(chats.last?.id) } } .onChange(of: keyboard.height) { height in withAnimation { keyboardOffset = height reader.scrollTo(chats.last?.id) } } } } Here keyboard is the ObservableObject object that listens for hide/show keyboard notifications.

[@0xifarouk]

@@LetsBuildThatApp Check my comment it has a simpler solution.

[@0xifarouk]

@@piyusharmaus check my comment.

[@piyusharmaus]

@@0xifarouk where ?