79188494

Date: 2024-11-14 11:16:07
Score: 0.5
Natty:
Report link

Just wrap you column with Center for cross axis alignment center to work.

 Center(
  child: Column(
    crossAxisAlignment: CrossAxisAlignment.center,
    children: [
      TextField(
        controller: _emailController,
        decoration: const InputDecoration(
          labelText: 'Email',
        ),
      ),
      TextField(
        controller: _passwordController,
        decoration: const InputDecoration(
          labelText: 'Password',
        ),
        obscureText: true,
      ),
    ],
  ),
);

Similarly, wrap row with Center for mainAxisAlignment: MainAxisAlignment.center to work:

Center(
  child: Row(
    mainAxisAlignment: MainAxisAlignment.center,
    children: [
      
    ],
  ),
)

screenshot:Login screen with centered text fields

Reasons:
  • Probably link only (1):
  • Long answer (-0.5):
  • Has code block (-0.5):
  • Low reputation (0.5):
Posted by: Rehan