我们如何在颤动中制作漂亮的瓷砖？

Posted 2023-02-23

【中文标题】我们如何在颤动中制作漂亮的瓷砖？

【英文标题】：how can we make beautiful tile in flutter?

【发布时间】：2020-12-14 22:42:09

【问题描述】：

我的朋友...

我可以在 Flutter 中得到它的代码吗？

我没有更多的解释。

马上给我代码！！

我对颤振很陌生，请帮助我。

Container(
          padding: EdgeInsets.fromLTRB(10, 10, 10, 0),
          height: 220,
          width: double.maxFinite,
          child: Card(
            elevation: 5,
            child: Stack(
              children: <Widget>[
                Image(
                  image: AssetImage("assets/images/background.png"),
                  color: Colors.black45,
                  colorBlendMode: BlendMode.darken,
                  width: MediaQuery.of(context).size.width,
                  height: MediaQuery.of(context).size.height,
                  fit: BoxFit.cover,
                ),
                Container(
                  
                  color: Colors.white,
                  child: Text('sdf'),
                )
              ],
            ),
          ),
        ),

到目前为止，这是我的进步。

【问题讨论】：

您可以查看示例here。看看有什么你可以使用的，然后调整它以满足你的要求

【参考方案1】：

您可以使用以下代码并根据需要对其进行改进。谢谢，希望对你有帮助

Container(
padding: EdgeInsets.fromLTRB(10, 10, 10, 10),
height: 220,
width: 300,
child: Card(
  elevation: 5,
  child: Column(
    children: <Widget>[
      Image(
        image: NetworkImage(
            "https://i.pinimg.com/236x/11/dc/43/11dc43c418eda8a1a7b74833be82ba64.jpg"),
        color: Colors.black45,
        colorBlendMode: BlendMode.darken,
        width: double.maxFinite,
        height: 110,
        fit: BoxFit.cover,
      ),
      Container(
        padding: EdgeInsets.only(left: 10, right: 10),
        color: Colors.white,
        child: Column(
            //      crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisAlignment: MainAxisAlignment.start,
            children: [
              Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [Text("hello"), Text("hello")]),
              SizedBox(height: 10),
              Row(mainAxisAlignment: MainAxisAlignment.start, children: [
                Text("hello"),
                SizedBox(width: 3),
                Text("hello")
              ]),
              SizedBox(height: 10),
              Row(mainAxisAlignment: MainAxisAlignment.start, children: [
                Text("hello"),
                SizedBox(width: 3),
                Text("hello")
              ]),
              SizedBox(height: 10),
            ]),
      )
    ],
  ),
),

);