Текст не отображается в верхней части пользовательского интерфейса в трепетании - PullRequest
1 голос
/ 02 августа 2020
• 1000 и я хочу, чтобы они оставались в центре, просто текст, который нужно переместить в верхний центр приложения
class _LoginPageState extends State<LoginScreen> {
  final _formKey = GlobalKey<FormState>();
  @override

  Widget build(BuildContext context) {
    return Scaffold(
      body: Padding(
          padding: const EdgeInsets.all(40.0),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Logo(),

              SignUpButton(),
              SizedBox(height: 40),
              LoginButton(),
              SizedBox(height: 40),
              FacebookButton(),

              // <-- Built with StreamBuilder
            ],
          )),
    );
  }
}


class Logo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          new Text(
            'Tariffo',
            style: TextStyle(
                color: Colors.blue, fontFamily: 'SignPainter', fontSize: 60),
          ),
        ]);
  }
}

Мне не нужна вещь appBar

Ответы [ 2 ]

0 голосов
/ 02 августа 2020

Просто удалить mainAxisAlignment: MainAxisAlignment.center,

0 голосов
/ 02 августа 2020

Используйте вложенный Columns. Первый Column будет иметь Text, а другой Column. Ставим кнопки во вторую Column

Column(
  // By default MainAxisAlignment.start
  crossAxisAlignment: CrossAxisAlignment.center,
  children: [
    Logo(), // top center
    Column(
      mainAxisAlignment: MainAxisAlignment.center,
      crossAxisAlignment: CrossAxisAlignment.center
      children: [
        // buttons and sized boxes
        // center of available space
      ],
    ),
  ],
),
...