Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR DART

vertically Center a Text in Flutter

import 'package:flutter/material.dart';

void main() => runApp(MaterialApp(home: LoginPage()));

class LoginPage extends StatelessWidget {
  const LoginPage({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      body: Container(
          color: Colors.white,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [_buildTitle()],
          )),
    );
  }
  Widget _buildTitle() {
    return Center(
      child: Container(
        margin: const EdgeInsets.only(top: 100),
        child: Column(
          children: const [
            Text(
              "something.xyz",
              style: TextStyle(
                color: Colors.black,
                fontWeight: FontWeight.bold,
                fontSize: 25,
              ),
              // textAlign: TextAlign.center,
            ),
          ],
        ),
      ),
    );
  }
}
 
PREVIOUS NEXT
Tagged: #vertically #Center #Text #Flutter
ADD COMMENT
Topic
Name
4+9 =