【发布时间】: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属性。