如何在 Flutter 中使滑块更长？

如何解决如何在 Flutter 中使滑块更长？

我制作了滑块，但希望它更长。 我也尝试过更改 mainAxisAlignment 但没有结果。请帮我解决这个我想要一个至少是容器宽度一半的滑块

 Column(
          mainAxisAlignment: MainAxisAlignment.center,crossAxisAlignment: CrossAxisAlignment.center,children: [
            Text('AGE',style: xcontainer_text_style,),Row(
              children: [
                SizedBox(width: 20.0,Expanded(
                  child: SliderTheme(
                    data: SliderTheme.of(context).copyWith(
                        thumbShape: RoundSliderThumbShape(enabledThumbRadius: 10.0),thumbColor: Colors.redAccent[400],overlayColor: Color(0x29ff0116),overlayShape: RoundSliderOverlayShape(overlayRadius: 20.0),activeTrackColor: Colors.white,inactiveTrackColor: Colors.grey[500],trackHeight: 3.0,child: Slider(
                      value: age.todouble(),min: 1.0,max: 100.0,onChanged: (double newValue){
                        setState(() {
                          age = newValue.round();
                        });
                      },SizedBox(width: 10.0,Expanded(
                  child: Container(
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.baseline,textBaseline: TextBaseline.alphabetic,children: [
                        Text(age.toString(),style: xhieght_container_text_style ),Text('',style: xhieght_container_unit_text_style,)
                      ],)
              ],)
          ],

这就是它的样子--

this is how my app is currently looking

解决方法

将 Flex 值添加到您的 Expanded 小部件 SliderTheme

          Expanded(
            flex: 2,//increase or decrease this value to change the length of the slider
            child: SliderTheme(
              data: SliderTheme.of(context).copyWith(

更多关于 Flex 小部件 Read HERE

更多关于 Expanded Widget Read HERE