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

Question

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

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'),
        )
      ,)
    );
  }
}

Answer 1

您需要将这两个小部件（图像和底部文本）包装在“列”小部件中。居中的文本也将被包装到 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）。该列将用高度包裹其小部件，因为我们使用的是扩展小部件，它将把居中的文本扩展到整个屏幕，并为底部文本的显示留出足够的空间。我希望这有帮助。