时间戳

首页 > 解决方案 > 如何在屏幕底部添加文字？

flutter - 如何在屏幕底部添加文字？

问题描述

我想在底部放一条文字，但不允许我这样做！这是一个闪屏类。当我添加另一个孩子时，它不断给我错误，并且在将孩子更改为孩子时。

class SplashScreen extends StatefulWidget {
  @override
  _SplashScreenState createState() =>  _SplashScreenState();
}

class _SplashScreenState extends State<SplashScreen> {

  startTime() async {
    return Timer(
      Duration(seconds: 2), 
      () => Navigator.of(context).pushReplacementNamed('/HomeScreen')
    );
  } 

  @override
  void initState() {
    super.initState();
    startTime();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        decoration: BoxDecoration(color: Colors.blue[400]),
        child: Center(
            child:  Image.asset('assets/bus.gif'),
        )
      ,)
    );
  }
}

标签： flutterdart

解决方案

您需要将这两个小部件（图像和底部文本）包装在 Column 小部件中。居中的文本也将被包装到 Center 和 Expanded 小部件中，因此您的代码应如下所示。

body: Container(
    decoration: BoxDecoration(color: Colors.blue[400]),
    child: Column(
      children: <Widget>[
        Expanded(
          child: Center(
            child: Text("Centered text"),
          ),
        ),
        Align(
          alignment: Alignment.bottomCenter,
          child: Text("Bottom text"),
        )
      ],
    ),
  ),

您需要使用 Column 以便可以将多个小部件放入其中（在本例中为 2）。该列将用高度包裹它的小部件，因为我们正在使用 Expanded 小部件，它将居中的文本扩展到整个屏幕，并为底部文本留出足够的空间来显示。我希望这有帮助。

推荐阅读