【问题标题】:Widgets not showing up in flutter小部件未在颤动中显示
【发布时间】:2021-10-19 19:31:38
【问题描述】:

我正在尝试使用灵活的小部件进行下面的布局,因此当屏幕尺寸发生变化时,布局保持大致相同,但是当我将灵活的小部件放在列周围时,我放在列中的任何内容都不可见。我做错了什么?

想要的结果

我有什么

我的代码

class _HomeScreenState extends State<HomeScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.black,
      appBar: AppBar(
        backgroundColor: Colors.black,
      ),
      body: SafeArea(
        child: Column(
          children: [
            Flexible(
              flex: 9,
              child: Column(
                children: [
                  Padding(
                    padding: const EdgeInsets.only(bottom: 8.0),
                    child: Container(
                      decoration: BoxDecoration(
                        borderRadius: BorderRadius.circular(15),
                        color: Colors.grey,
                      ),
                    ),
                  ),
                  Padding(
                    padding: const EdgeInsets.only(bottom: 8.0),
                    child: Container(),
                  ),
                  Padding(
                    padding: const EdgeInsets.only(bottom: 8.0),
                    child: Container(),
                  ),
                  Padding(
                    padding: const EdgeInsets.only(bottom: 8.0),
                    child: Container(),
                  ),
                ],
              ),
            ),
            Flexible(
              flex: 1,
              child: Container(
                decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(15),
                    color: Colors.white),
              ),
            )
          ],
        ),
      ),
    );
  }
}

【问题讨论】:

    标签: flutter dart user-interface


    【解决方案1】:

    完成你的工作,你会得到你所要求的东西

    在容器上提供孩子

     Padding(
                        padding: const EdgeInsets.only(bottom: 8.0),
                        child: Container(
                          decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(15),
                            color: Colors.grey,
                          ),
                          child: SizedBox(
                            height: 50,
                            width: double.infinity,
                          ),
                        ),
                      ),
    

    【讨论】:

    • 非常感谢!我是 Flutter 新手,所以我没有意识到您需要在 Container 中有一个孩子才能显示它。
    猜你喜欢
    • 2019-03-19
    • 1970-01-01
    • 2019-10-27
    • 2020-03-03
    • 2021-01-22
    • 2021-07-13
    • 2020-10-24
    • 2018-10-24
    • 1970-01-01
    相关资源
    最近更新 更多