flutter - 如何防止 slider 弄乱我的布局?

标签 flutter flutter-layout

当我尝试将 Slider 添加到应用程序底部时,整个 BottomAppBar 向上移动到中心,并且正文内容(“Test”)消失了,如屏幕截图所示:
Without Slider With Slider
如何在两个图标旁边添加 slider 而不破坏整个布局?
这是我的代码:

runApp(
    MaterialApp(
      theme: ThemeData.dark(),
      home: Scaffold(
        body: Center(
          child: Text("Test"),
        ),
        bottomNavigationBar: BottomAppBar(
          child: Row(
            children: [
              Slider(
                value: 1,
              ),
              FlatButton(
                child: Icon(Icons.photo_size_select_actual),
                onPressed: () => {},
              ),
              FlatButton(
                child: Icon(Icons.camera_alt),
                onPressed: () => {},
              ),
            ],
          ),
        ),
      ),
    ),
  );

最佳答案

使用IntrinsicHeight。这将允许它使用所需的确切高度,而不是更多。

  bottomNavigationBar: BottomAppBar(
    child: IntrinsicHeight(
      child: Row(...),
    ),
  )

这给了我们 sample

关于flutter - 如何防止 slider 弄乱我的布局?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58681320/

相关文章:

flutter - 如何在 Flutter 中设置按钮飞溅效果的边界?

android - flutter 错误sdkmanager错误!!! Windows 10

flutter - Youtube 就像 flutter 上的全屏按钮

Flutter – 如何格式化电话号码文本字段

Flutter - 在 CustomScrollView 中如何防止滚动的 Widget 被绘制在固定的 Widget 后面

flutter - 如何在不清除当前页面数据的情况下导航到下一页

firebase - Flutter Firebase的多个setData线程仅响应最后一个线程

Flutter 对话框未关闭(使用 rFlutter 警报框)

flutter - 为什么只有 ListView.builder() 中的内容不滚动?

flutter - 如何使 onTap 只响应实际文本而不是整个 ListTile 宽度