flutter - 图像未在颤动中显示中心

Question

嗨，在下面的代码中，图像未显示中心，文本希望显示在屏幕底部。

但是图像也显示底部，文本也显示在底部，加载也应该是一次。

现在文本在显示图像后首先显示。

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';

import 'login_screen.dart';

class SplashScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    Timer(Duration(seconds: 5), () {
      Navigator.pushAndRemoveUntil(
          context,
          MaterialPageRoute(
              builder: (context) => LoginScreen(
                    name: "Genvcare",
                  )),
          (route) => false);
    });
    return Scaffold(
      backgroundColor: const Color(0xFF0769AA),
      body:Container(

        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisAlignment: MainAxisAlignment.end,
          children: [


              Column(

                  children: <Widget>[
                    Center(
                      child: Image.asset('assets/images/bluelogo.png'),
                    ),

                    Text("From",textAlign: TextAlign.end),
                    Text("@2016 Google Health Pvt Ltd.",textAlign: TextAlign.end,),
                    Text("Version 1.3.4.7.0"),
                  ])
        ]
        )
      ),
       );
  }

}

标签： flutter

Answer 1

试试下面的代码希望它对你有帮助。并添加mainAxisAlignment到 Column 小部件以MainAxisAlignment.center

Stack(
    children: [
      Padding(
        padding: EdgeInsets.all(8.0),
        child: Center(
          // add your image path instead of my image -> Image.asset('assets/images/bluelogo.png')
          child: Image.network(
              'https://tech.pelmorex.com/wp-content/uploads/2020/10/flutter.png'),
        ),
      ),
      Container(
        alignment: Alignment.bottomCenter,
        child:Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisSize: MainAxisSize.max,
              mainAxisAlignment: MainAxisAlignment.end,
              children: [
                Text(
                  "From",
                  textAlign: TextAlign.end,
                ),
                Text(
                  "@2016 Google Health Pvt Ltd.",
                  textAlign: TextAlign.end,
                ),
                Text(
                  "Version 1.3.4.7.0",
                ),
              ],
            ),
      ),
    ],
  ),

您的结果屏幕->