本篇文章的原因是本往来不断appstore 查找一个wps下载,然后可巧看懂了这个色盲检测的运用,测验了一会,感觉自己是个色盲。本就在学习flut测验纸怎么看是否怀孕ter的路上,所以方案仿写一个来用作学习。

先看一眼作用:

Flutter 色盲检测器作用

其实这个没有什flutter值得学吗么难点,都是很根本的操作,资源的获取是下载了原运用,里边有资源文件,直接拿来用了。本文章仅供学习运用。本篇文章首要介绍一下结束这个小组件的知Flutter识点

资源文件

在flutter的pubspec.yaml文件中,翻appear开资源文件加载的语句就能够了

  assets:
- lib/assets/images/
- lib/assets/data.json

其间liapp装置下载b/assets/images/ 表示在images下的一切文件都加载. 作者approach是将资源文件放在lib文件夹里边了测验怀孕的试纸图片一深一浅, 这个因测验怀孕的试纸图片一深一浅人而异吧。
其间还有一个data.json文件, 这个用来存储一些本地的资源信息。
加载办法

Future gJSONetData() async {
String jsonString = await rootBundle.loadString("lib/assets/data.json"flutter值得学吗);
final jsonResult = json.decode(jsonString);
List<Map> data = new List();
for (Map<Sflutter值得学吗tring, dynamic> map in jsonResult) {
data.add(map);
}appstore
}

假定需求加载不同分辨率的json格局图片
在通images文件加载,创建2.0x和3.0x就能够了,这样声明的时分需求加json

 assets:
- lib/assetsflutter值得学吗/images/
- lib/assets/images/2.0x/
- lib/assets/images/3.0x/

slider的运用

选用的分段的方法flutter框架。这方面不多说测验纸怎么看是否怀孕了,看文档就知道了。

Slider(
value: value,
onChangeapproachd: (v) {
setState(() => value =测验用例 v);
},
label: "fluttered${value.toInt()}题", //气泡的值
divisionsflutter菜鸟教程: 65, //进度条上闪现多少个刻度点
max: 66,
min: 1,
)

还有能够运用SliderThflutter是什么意思eme来自定义

SliderTheflutter中文官网me(
data: Sliderapp装置下载Theme.of(context).copyWith(
activflutter中文官网eTrackColor:  //进度条滑块左面色彩
inactiveTrackColor: //进度条滑块右边色彩
tjson是什么意思rackShape: //进度条形状,这边自定义两端闪现圆角
thumbColor:  //滑块色彩
overlayColor:  //滑块拖拽时外圈的色彩
overlayShape: // 可继承SliderComponentShape自定义形状,
thumbShape: //可继承SliderComponentShape自定义形状,
inactiveTickMarkColor:
tickMarkShape: //继承SliderTickMarkS测验纸怎么看是否怀孕hape可自定义刻度形状,
show测验工程师ValueIndicator:ShowValueIndicator.onlyForapproachDiscrete, //气泡闪现的方法
valueIndicatorColor: Colors.white, //气泡色彩
valueIndicatorShape: PaddleSliderValueIndicatorShape(), //气泡形状
valueIndicatorTextStyle: TextStyleflutter中文官网(color: Colors.black), //气泡里值的风格
trackHeight: 1 //进度条宽度
),

over~~~~