Flutter响应柱

kq0g1dla 于 2023-02-25 发布在 Flutter

关注(0)|答案(1)|浏览(123)

我有几个容器，它们具有不同的内容复选框、文本...它们位于列中，而它们位于SingleChildScrollView中（如果屏幕变得太小）。我试着使用扩展的Flex和间隔来增加我的容器的大小，以在更大的屏幕中填充更大的，但是SingleChildScrollView和expanded是不兼容的。如果我删除我的SingleChildScrollView，我不确定我的列表是否总是可以显示在小高度屏幕上。我想设置minheigtht来保持一些容器上的内容，让其他容器减少。
你能帮我找到最好的响应解决方案吗

flutter

来源：https://stackoverflow.com/questions/75557317/flutter-responsive-column

1条答案

按热度按时间

xqk2d5yq1#

为此，请使用"扩展"和"灵活"小部件。
例如：

@override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          Flexible(
            flex: 1,
            child: Container(
              color: Colors.red,
              child: Center(
                child: Text('Item 1'),
              ),
            ),
          ),
          Expanded(
            flex: 2,
            child: Container(
              color: Colors.blue,
              child: Center(
                child: Text('Item 2'),
              ),
            ),
          ),
          Flexible(
            flex: 1,
            child: Container(
              color: Colors.green,
              child: Center(
                child: Text('Item 3'),
              ),
            ),
          ),
        ],
      ),
    );
  }

赞(0）回复(0）举报 2023-02-25

我来回答

Flutter响应柱

1条答案

相关问题

热门标签

最新问答