【问题标题】:flutter height of slider widget?滑块小部件的颤动高度?
【发布时间】:2021-06-30 09:47:53
【问题描述】:

我对滑块小部件的宽度感到困惑:我有一个堆栈并添加了一个包含滑块的对齐小部件。

代码: 导入'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Stack(
          children: [
            Align(
              alignment: Alignment.bottomCenter,
              child: OptionsBar(),
            ),
          ],
        ),
      ),
    );
  }
}



class OptionsBar extends StatefulWidget {
  const OptionsBar({Key? key}) : super(key: key);

  @override
  _OptionsBarState createState() => _OptionsBarState();
}

class _OptionsBarState extends State<OptionsBar> {
  double progress = 0.0;
  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.all(10),
      child: Row(
        children: [
          Slider(
            value: progress,
            onChanged: (double newValue) => setState(() => progress = newValue),
          )
        ],
      ),
    );
  }
}

代码有效,但将滑块放置在屏幕中间。但是,如果我给包含滑块的小部件一个高度,则该栏将保持在底部。那么,这是否意味着滑块占据了它所能达到的整个高度?好像有点奇怪还是我搞错了?

【问题讨论】:

  • 尝试在Container中设置height属性。

标签: flutter flutter-layout


【解决方案1】:

您已将对齐设置为底部,这就是为什么当您设置小部件的高度时它仍位于底部。尝试为包含滑块的小部件设置高度并更改对齐方式。

【讨论】:

    猜你喜欢
    • 2020-09-24
    • 2021-08-08
    • 2020-11-02
    • 1970-01-01
    • 2021-11-13
    • 1970-01-01
    • 1970-01-01
    • 2020-11-25
    • 2020-08-01
    相关资源
    最近更新 更多