User Profile

Hello im new at ios, faced a problem and it has been 3 hours and not yet solved I saw that post and answer from 2 years ago (first image) , and my problem seems similar to it but i dont have large titles enabled. so what happens with me is: in image 2: thats without showing keyboard an without scrolling (notice the top(nav bar) and button are yellow colored cause the background color of the whole view is yellow) in image 3 when keyboard showed up, pushing things upward, now the color of the top (nav bar) is gray AS THE TABLE VIEW, but thats not the issue, the issue is that the cells cover the top nav bar !! in image 4, if i drag my mouse up (scroll down), notice the top nav bar color is now purple (cause the bar tint color of the nav bar is set to purple) i dont really care about change in colors, i can make them all the same color so the change of colors doesnt appear, but my problem is what happens in the 3rd image, when keyboard shows up and the table cells overlap the top nav bar! thanks in advance i will also attach more photos showing the navigation bar attributes and that view controller (named Chat view controller here) Edit 1: The top of the view that contains the table view, is constrained to touch the safe area, so its touching the bottom of the nav bar. Edit 2: i pushed it on github: https://github.com/MarwanBB/App3x-9.1-FlashChat