BUG: "RenderFlex overflowed by 14 pixels" error on signup page

[DeveloperAmrit]

Is there an existing issue for this?

• I have searched the existing issues

What happened?

📌 Issue Overview

1. The TabBarView in the signup_screen.dart was wrapped in a SizedBox with a fixed height of 350 pixels. On devices with smaller screen sizes or when validation error messages were displayed, the content inside the TabBarView would overflow, resulting in a "RenderFlex overflowed by 14 pixels" error.

🔍 Steps to Reproduce

1. Open the signup screen on a device with a smaller screen size.
2. Navigate to the "Create the Team" tab.
3. Enter invalid input in the form fields to trigger validation error messages.
4. Observe the yellow and black striped overflow indicator at the bottom of the screen.

Virtual device: medium phone 1080x2400

🎯 Expected Behavior

The content should adjust dynamically to fit the available screen space without overflowing.

🚨 Actual Behavior

The content inside the TabBarView overflows, causing a visual glitch.

📷 Screenshot

💡 Suggested Improvements

Remove the SizedBox with a fixed height and replaced the TabBarView with a conditional rendering of the forms based on the selected tab index. This ensures that the content adjusts dynamically to the available space.

Record

• I agree to follow this project's Code of Conduct
• I want to work on this issue