在容器内颤动文本

Posted 2023-03-12

【中文标题】在容器内颤动文本

【英文标题】：Flutter text inside container

【发布时间】：2021-04-12 07:17:36

【问题描述】：

我在容器 (1) 中创建了容器 (2)。您能否帮助如何将文本添加到容器（1）？下面是我的代码

    return Scaffold(
  body: 
  Padding(
    padding: const EdgeInsets.only(top: 100, left: 30, right: 30, bottom: 25,),
    child: Container(
      height: 300,
      color: Colors.red,
      alignment: Alignment.bottomLeft,
      child: Container(
        width: 360,
        height: 230,
        color: Colors.blue,
        child: Align(
          alignment: Alignment.center,
          child: Text(
            'Car or sport car'
            maxLines: 3,
            textAlign: TextAlign.center,
            style: TextStyle(
              fontSize: 20,
            ),
          ),
        ),
      ),
    ),
  ),

【问题讨论】：

您可以根据需要使用任何multi-child layout widget，并将Text设置到您的容器中（1）。

【参考方案1】：

您只需在第一个 Container 中添加一个 Column, Row or Stack。这是一个示例，供您理解。

return Scaffold(
body: 
Padding(
  padding: const EdgeInsets.only(top: 100, left: 30, right: 30, bottom: 25,),
  child: Container(
    height: 300,
    color: Colors.red,
    alignment: Alignment.bottomLeft,
    child: Column(
      children: [
        Text("Put your Text Here!!!!"),
        Container(
        width: 360,
        height: 230,
        color: Colors.blue,
        child: Align(
          alignment: Alignment.center,
          child: Text(
            'Car or sport car'
            maxLines: 3,
            textAlign: TextAlign.center,
            style: TextStyle(
              fontSize: 20,
            ),
          ),
        ),
      ),]
    ),
  ),
),

【参考方案2】：

    return Scaffold(
  body: 
  Padding(
    padding: const EdgeInsets.only(top: 100, left: 30, right: 30, bottom: 25,),
    child: Container(
      height: 300,
      color: Colors.red,
      alignment: Alignment.bottomLeft,
      child: Column(children:[
        Text('test'),
        Container(
        width: 360,
        height: 230,
        color: Colors.blue,
        child: Align(
          alignment: Alignment.center,
          child: Text(
            'Car or sport car'
            maxLines: 3,
            textAlign: TextAlign.center,
            style: TextStyle(
              fontSize: 20,
            ),
          ),
        ),
      ),
        ],
      ),
    ),
  ),