RangeSlider labels for value change overlaps

[boks21]

Hello. In RangeSlider why booth value change labels appear above the sliders? They can be overlaped!

Why I can not have properties to choose if value change indicator appear at bottom or top, for left slider and right slider.

Example: on left slider it appears above, on right slider, it appears below.

Thanks.

[iapicca]

@boks21
I'm not sure to understand the behavior you are reporting
can you provide your flutter doctor -v and a minimal reproducible code sample

[pedromassangocode]

Hi @boks21
Please provide what was asked above.
Thank you

[boks21]

Hello Pedro
Let me explain

When I move the left and right thumb and they are close, the value indicator text is overlaped. There should be a way for no thumb to say whether I want the value indicator above or below. That's it, thanks

flutter doctor -v
[√] Flutter (Channel stable, 1.22.6, on Microsoft Windows [Version 10.0.19042.804], locale en-US)
• Flutter version 1.22.6 at D:\FlutterSDK\flutter
• Framework revision 9b2d32b (4 weeks ago), 2021-01-22 14:36:39 -0800
• Engine revision 2f0af37152
• Dart version 2.10.5

code sample

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(

        primarySwatch: Colors.blue,

        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Horários da Fertagus'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;
  final List<String> estacoes = ["Roma-Areeiro","Entrecampos","Sete-Rios","Campolide","Pragal","Corroios"," Foros Amora","Fogueteiro",
    "Coina","Penalva","Pinhal Novo","Venda do Alcaide","Palmela","Setúbal"];

  @override
  _MyHomePageState createState() => _MyHomePageState(estacoes);
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;
  String dropdownValueSentido = 'Lisboa -> Setúbal';
  RangeLabels _rl;
  static const double slider_min =0.0;
  static const double slider_max =14.0;
  static const divisions = 13;
  RangeValues _rv = RangeValues(slider_min,slider_max);

  final List<String> estacoes;
  _MyHomePageState(this.estacoes){

    _rl = RangeLabels(this.estacoes.elementAt(0),this.estacoes.elementAt(estacoes.length-1));

  }



  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Center(child: Text(widget.title)),
      ),
      body: SafeArea(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          //mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'Um textozinho de escolha da viagem Fertagus',
            ),
            Row(
              children: <Widget>[

              ],
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: <Widget>[
                Text(
                  'Lisboa',
                ),
                Expanded(
                  child: RangeSlider(
                    values: _rv,
                    onChanged: (values){
                      setState(() {
                        var value_start=values.start.floor();
                        var value_end=values.end.floor();
                        print("value start--------------->$value_start");
                        print("value start--------------->${values.start}");
                        print("value end--------------->$value_end");
                        print("value end--------------->${values.end}");

                        if((value_end>=value_start+1) && (value_start<=value_end-1)){
                          print("VAAAAAAAAAAAAAAAAAAAAAAAAA");
                          _rv=values;
                          if(value_end>=this.estacoes.length)value_end-=1;
                          _rl = RangeLabels(this.estacoes.elementAt(value_start),this.estacoes.elementAt(value_end));
                        }

                      },);},min:slider_min,max:slider_max,divisions: divisions,labels: _rl,),
                ),
                Text(
                  'Setúbel',
                ),
              ],
            ),


          ],
        ),
      ),
     /* floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),*/ // This trailing comma makes auto-formatting nicer for build methods.
    );
  }
}

At left image it's nice, at middle image overlapping, at righ image, what is wish to have. It's possible in flutter?? I don't need text upside down, only below right(or left) thumb.

[boks21]

Hi.

There are somo news about it? @pedromassangocode @iapicca

Thanks.

[flutter-triage-bot]

This issue is missing a priority label. Please set a priority label when adding the triaged-design label.