如何解决Flutter Slider 阴影如何禁用,如何改变方向
第一季度。 我想知道如何禁用拇指阴影。
第 2 季度。 我想知道如何改变拇指影的方向。 我想将方向设置为 RIGHT(而不是 DOWN)。
请帮帮我。 我使用 Android studio 4.0 和 Flutter 1.22.3。
我用“颤动滑块拇指阴影”一词搜索了一些代码 但我找不到任何答案。
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(
sliderTheme: SliderThemeData(
trackHeight: 14,thumbColor: Colors.white,thumbShape: RoundSliderThumbShape(enabledThumbRadius: 7),trackShape: RectangularSliderTrackShape(),valueIndicatorColor: Colors.orange,overlayColor: Colors.transparent,activeTrackColor: Colors.green,activeTickMarkColor: Colors.red,inactiveTrackColor: Colors.green,inactiveTickMarkColor: Colors.grey,),home: MyHomePage(title: 'Flutter Demo Home Page'),);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key,this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
double val=1;
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[
Text(
'Q1. Shadow off \n Q2. How to change Shadow direction',Container(
width: 140,height: 240,child: Transform.scale(
scale: 3.0,child: Slider(
value: val,min: 0,max: 2,divisions: 2,onChanged: (double value) {
setState (() {
val = value;
});
},],);
}
}
解决方法
您必须在 thumbShape 属性上设置高程,例如:
Widget build(BuildContext context) {
return SliderTheme(
data: const SliderThemeData(
thumbShape: RoundSliderThumbShape(elevation: 0),),child: Slider(),
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。