【问题标题】:Flutter Slider - doesn't show label颤振滑块 - 不显示标签
【发布时间】:2019-08-09 12:54:38
【问题描述】:

我有这个滑块,但它没有在任何地方显示标签。

这是正常行为吗?

double _value;

  _buildEditModeWidget() {
    return Expanded(
        child: Column(
      children: <Widget>[
        SizedBox(height: 60,),
        Slider(
        label: "Power: ",
          min: 0,
          max: 9,
          value: _value,
          onChanged: (double newValue) {
            setState(() {
              _value = newValue;
            });
          },
        )
      ],
    ));
  }





  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(border: Border(top: BorderSide(width: 1))),
      height: editMode ? _editModeHeight : _readOnlyHeight,
      child: Row(
        mainAxisAlignment: MainAxisAlignment.start,
        children: <Widget>[
          Padding(
            padding: const EdgeInsets.all(8),
            child: AspectRatio(
              aspectRatio: 0.9,
              child: (extension(widget.model.team.shieldImage) != ".svg")
                  ? Image.network(
                      widget.model.team.shieldImage,
                      fit: BoxFit.scaleDown,
                      filterQuality: FilterQuality.high,
                    )
                  : SvgPicture.network(
                      widget.model.team.shieldImage,
                      fit: BoxFit.scaleDown,
                    ),
            ),
          ),
          ScopedModelDescendant<TeamModel>(
            builder: (BuildContext context, Widget child, TeamModel model) {
              return editMode ? _buildEditModeWidget() : _buildReadOnlyWidget();
            },
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.end,
            children: <Widget>[
              Container(
                child: editMode
                    ? IconButton(
                  icon: Icon(Icons.check),
                  onPressed: () {
                    setState(() {
                      widget.model.updateTeam(_teamNameController.text, 0);
                      editMode = false;
                    });
                  },
                )
                    : IconButton(
                  key: _key,
                  icon: Icon(Icons.edit),
                  onPressed: () {
                    setState(() {
                      editMode = true;
                    });
                  },
                ),
              )
              ],
          )
        ],
      ),
    );
  }

【问题讨论】:

    标签: flutter flutter-layout


    【解决方案1】:

    尝试将部门值设置为 9。您将在值的每个步骤上看到标签。好像这个标签属性不是滑块的文本标签。

    【讨论】:

      【解决方案2】:

      遇到了这个问题,似乎解决它的方法是设置 Slider 的 divisions 属性

      并用不断变化的值对字符串 Power 进行插值

      Slider(
                              value: sliderValue,
                              min: 0,
                              max: 9,
                              divisions: 9,
                              label: "Power: ${sliderValue.round().toString()}",
                              onChanged: (double value) {
                                setState(() {
                                  sliderValue = value;
                                });
                              },
                            ),
      

      【讨论】:

        【解决方案3】:

        在 Slider witget 上标记视觉,属性添加您的代码; “除法”属性,(吕特芬除法属性sini kullanın aksi halde slider da label görünmez),

        【讨论】:

          猜你喜欢
          • 2020-08-14
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2020-10-16
          • 1970-01-01
          • 2021-05-07
          相关资源
          最近更新 更多