Question

我很困惑滑块小部件的宽度是多少：我有一个堆栈并添加了一个包含滑块的对齐小部件。

代码：导入 '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),
          )
        ],
      ),
    );
  }
}

代码有效，但将滑块放置在屏幕中间。但是，如果我给包含滑块的小部件一个高度，而不是条形保持在底部。那么，这是否意味着滑块占据了它所能达到的整个高度？看起来有点奇怪还是我做错了什么？

Answer 1

您将对齐设置为底部，这就是为什么当您设置小部件的高度时，它会保持在底部。尝试为包含滑块的小部件设置高度并更改对齐方式。

滑块小部件的颤动高度？

1 个答案: