如何在Flutter中使用SeekBar值更改文本大小？

Question

在这里，我想用Flutter中的SeekBar更改文本大小，这意味着当我们scroll SeekBar切换时，文本大小也会随着SeekBar值而更改。

我如何做到这一点？

Answer 1

您可以使用 StatefulWidget

这应该对您有帮助

class ChangeTextSizeWithSeekBar extends StatefulWidget {
  @override
  _ChangeTextSizeWithSeekBarState createState() => _ChangeTextSizeWithSeekBarState();
}

class _ChangeTextSizeWithSeekBarState extends State<ChangeTextSizeWithSeekBar> {

  double _value = 10;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              Text(
                "My size will change",
                style: TextStyle(
                  fontSize: _value
                ),
              ),
              Slider(
                onChanged: (value){
                  setState(() {
                    _value = value;
                  });
                },
                max: 100,
                min: 10,
                value: _value,
              )
            ],
          ),
        ),
      ),
    );
  }
}

输出：