gpt4 book ai didi

flutter - 如何使用 slider 指示器更改 flutter 上的字体大小?

转载 作者:IT王子 更新时间:2023-10-29 07:02:56 27 4
gpt4 key购买 nike

下面的代码只改变了 1-10 的 slider ,在 Flutter 中如何在改变 slider 的同时改变文本?
文本是从 API 中获取的。

 double _value = 0.0;
[enter image description here][1] bool _slider = false;

child: _slider == true

? new Container(
margin: EdgeInsets.only(right: 10),
decoration: new BoxDecoration(
color: NNDColors.main,
borderRadius: new BorderRadius.all(
new Radius.circular(5.0)),
boxShadow: [
new BoxShadow(
color: Colors.black38,
offset: new Offset(0.0, 2.0),
blurRadius: 10)
]),
child: new Slider(
value: _value,
activeColor: Colors.white,
inactiveColor: Colors.white,
onChanged: (double s) => _changed(s),
divisions: 10,
min: 0.0,
max: 10.0,
),

void _changed(s) {
setState((){
_value = s;
});
}

最佳答案

输出:

enter image description here

这里是你如何做到的。

double _value = 5;

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text("Testing")),
body: Center(
child: Column(
children: <Widget>[
Container(
margin: EdgeInsets.only(right: 10),
decoration: new BoxDecoration(
color: Colors.blue,
borderRadius: new BorderRadius.all(new Radius.circular(5.0)),
boxShadow: [new BoxShadow(color: Colors.black38, offset: new Offset(0.0, 2.0), blurRadius: 10)]),
child: new Slider(
value: _value,
activeColor: Colors.white,
inactiveColor: Colors.white,
onChanged: (double s) {
setState(() {
_value = s;
});
},
divisions: 10,
min: 0.0,
max: 10.0,
),
),
Text("Hello World", style: TextStyle(fontSize: 10 * _value)),
],
),
),
);
}

关于flutter - 如何使用 slider 指示器更改 flutter 上的字体大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56624870/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com