<p dir="auto">I have a login screen with 2 text fields and 2 buttons. Whenever I click on the text field key board pops up and  the screen is pushed up and a red box appears that hides my button and goes away when the key board is closed. How do I avoid the red box?Do I need to realign the layout whenever the screen is pushed up? If so how do I do it whenever the screen is pushed up?</p>
<p dir="auto">In the Flutter codelab:<br>
<a href="https://codelabs.developers.google.com/codelabs/flutter/#6" rel="nofollow">https://codelabs.developers.google.com/codelabs/flutter/#6</a></p>
<p dir="auto">The third code listing, which starts with the comment:<br>
// Modify the ChatMessage class definition as follows.</p>
<p dir="auto">The "<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/OverRide/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/OverRide">@OverRide</a>" on the second line was added, but it is not marked as "//new"</p>
<p dir="auto">(might be nice to explain why this directive was added).</p>