올려 진 버튼을 누를 때 버튼 내의 텍스트 아래에 슬라이더를 추가하는 방법은 무엇입니까?

가시성 위젯을 사용하여 슬라이더의 가시성을 설정할 수 있습니다. 아래 코드를 참조하십시오. RaisedButton과 동일한 효과를 얻기 위해 Inkwell과 함께 Container를 사용하고 있습니다.

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    home: MyApp(),
  ));
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  double _currentSliderValue = 0;
  bool _sliderVisible = false;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("Raised Button"),
      ),
      body: Center(
        child: ClipRRect(
          borderRadius: const BorderRadius.all(
            Radius.circular(20),
          ),
          child: Container(
            decoration: BoxDecoration(
              color: Colors.blue[200],
              borderRadius: const BorderRadius.all(
                Radius.circular(20),
              ),
            ),
            child: Material(
              elevation: 2,
              child: InkWell(
                onTap: () {
                  setState(() {
                    _sliderVisible = !_sliderVisible;
                  });
                },
                child: Container(
                  width: 125.0,
                  height: 125.0,
                  child: Column(
                    children: [
                      const SizedBox(
                        height: 15,
                      ),
                      Icon(
                        Icons.nightlight_round,
                        color: Colors.indigo[900],
                        size: 48,
                      ),
                      const SizedBox(
                        height: 5,
                      ),
                      Visibility(
                        visible: _sliderVisible,
                        child: Slider(
                          value: _currentSliderValue,
                          min: 0,
                          max: 10,
                          onChanged: (double value) {
                            setState(() {
                              _currentSliderValue = value;
                            });
                          },
                          activeColor: Colors.indigo[900],
                          inactiveColor: Colors.indigo[900],
                        ),
                      )
                    ],
                  ),
                ),
              ),
              color: Colors.transparent,
            ),
          ),
        ),
      ),
    );
  }
}