
#### fluro路由传参时需要解析到地址上

```dart
  static String  mapToQuery (Map data){
    String query =  "";
    if (data != null) {
      int index = 0;
      for (dynamic key in data.keys) {
        dynamic value = Uri.encodeComponent(data[key]+"");
        if (index == 0) {
          query = "?";
        } else {
          query = query + "\&";
        }
        query += "$key=$value";
        index++;
      }
    }
    return query;
  }
```



Flutter学习之路由参数动态解析

Flutter1.0初学时使用rxDart搭建状态管理

#### 一、简单的数据处理模式

> ```dart
> 引入InheritedWidget提升性能
> ```

#### 二、源代码

```dart
import 'package:flutter/material.dart';
//Type _typeOf<T>() => T;
abstract class BlocBase {

  bool  _isNoData = false;
  bool  get isNoData => _isNoData;

  int get size => 20;

  Future getData({dynamic labelId,dynamic data,int page});

  Future onRefresh({dynamic labelId,dynamic data});

  Future onLoadMore({dynamic labelId,dynamic data});

  void dispose();
}

class BlocProvider<T extends BlocBase> extends StatefulWidget {
  BlocProvider({
    Key key,
    @required this.child,
    @required this.bloc,
    this.userDispose: true,
  }) : super(key: key);

  final T bloc;
  final Widget child;
  final bool userDispose;

  @override
  _BlocProviderState<T> createState() => _BlocProviderState<T>();

  static T of<T extends BlocBase>(BuildContext context){
    ///ancestorInheritedElementForWidgetOfExactType即将废弃 12.1版本
//    final type = _typeOf<_BlocProviderInherited<T>>();
//    _BlocProviderInherited<T> provider = context.ancestorInheritedElementForWidgetOfExactType(type)?.widget;
    _BlocProviderInherited<T> provider =context.getElementForInheritedWidgetOfExactType<_BlocProviderInherited<T>>()?.widget as _BlocProviderInherited<T>;
    return provider?.bloc;
  }

//  static T of<T extends BlocBase>(BuildContext context) {
//    final type = _typeOf<BlocProvider<T>>();
//    BlocProvider<T> provider = context.ancestorWidgetOfExactType(type);
//    return provider.bloc;
//  }


}

class _BlocProviderState<T extends BlocBase> extends State<BlocProvider<T>> {

  @override
  void dispose() {
    if (widget.userDispose) widget.bloc.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return _BlocProviderInherited<T>(
      bloc: widget.bloc,
      child: widget.child,
    );
    ///widget.child;
  }
}

///引入InheritedWidget提升性能
class _BlocProviderInherited<T> extends InheritedWidget{
  _BlocProviderInherited({
    Key key,
    @required Widget child,
    @required this.bloc,
  }) : super(key: key, child: child);

  final T bloc;
  @override
  bool updateShouldNotify(_BlocProviderInherited oldWidget) => false;
}

```

#### 三、可自行更改BlocBase文件

> 根据需求自行更改BlocBase文件内容,当前源码适用于列表请求

#### 四、配合rxdart使用

 	##### 1.页面数据渲染状态定义

```dart
enum RequestTypeEnum{
  ///初始化页面
  InitPage,
  ///空页面
  EmptyPage,
 ///成功页面
  SuccessPage,
  ///错误页面
  ErrorPage,
  ///无权限
  NoPermissionPage,
  ///无登录
  NoLogIn
}

/// 列表请求返回状态以及数据,控制页面显示
/// @param
/// @return
/// @author 
/// created at 2020/8/4 14:16
///
class RequestDataSource{
  ///唯一值
  final Object type;
  ///数据列表
  final List<dynamic> mapList;
  ///数据请求返回类型
  RequestTypeEnum sourceType;
  ///是否有下一页
  bool isMore;
  ///页码
  int page;

  RequestDataSource(this.type, this.mapList, [this.page = 0,this.sourceType = RequestTypeEnum.InitPage,this.isMore = false]);
}
```

##### 2.配合rxDart使用

```dart
  BehaviorSubject<RequestDataSource> _rentDataSource = BehaviorSubject<RequestDataSource>();
  Sink<RequestDataSource> get _rentDataSourceSink => _rentDataSource.sink;
  Stream<RequestDataSource> get rentDataSourceStream => _rentDataSource.stream.asBroadcastStream();
```

##### 3.请求后装载数据

```
RequestDataSource _dataSource = new new RequestDataSource(RequestTypeEnum.InitPage, []);
_rentDataSourceSink.add(_dataSource);
```

##### 4.ui界面使用

```dart
StreamBuilder(
              stream: rentDataSourceStream,
              builder: (BuildContext context,
                  AsyncSnapshot<RequestDataSource> snapshot) {
                RequestDataSource _dataSource = snapshot?.data?? new RequestDataSource(RequestTypeEnum.InitPage, []);
                  ///根据RequestTypeEnum枚举状态加载不同页面
                  return Container();
              })
```



Flutter学习之bloc+rxDart搭建

# 以下内容由个人博客[ JsShou](http://jsshou.cn/)摘抄[dart中的list属性与方法](http://jsshou.cn/blog/flutter/dart_list.html#list)

> - List([int length]) 创建一个空数组或者 length 长度的数组
>
> - List.filled(int length,E fill,{bool growable:false}) 创建一个 list，每个元素共享相同的值，growable 表示是 list 长度是否可变，默认 false 固定长度

```dart
List a = new List.filled(10, 1);
print(a);//[1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
```

> - List.from(iterable elements,{bool growable:true})

```dart
List a = new List.from([1, "2", 3, 4]);
print(a);//[1, 2, 3, 4]
```

> - List.generate(int length, E generator(int index) 创建一个元素，每个位置创建一个新对象

```dart

List a = new List.generate(10, (value) => value + 1);
print(a);//[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
```

> - List.unmodifiable(Iterable elements) 创建一个不可修改的 List
> - first List 中第一个元素
> - last List 中最后一个元素
> - length List 的长度
> - reversed 返回翻转 List 后的值，不改变原 List
> - add() 向数组中添加一个元素
> - addAll() 向数组中添加一个带有 Iterable 接口的类

```dart
List a = new List.from([1, "2", 3, 4]);
a.addAll([5, 6]);
print(a);// [1, 2, 3, 4, 5, 6]
```

>asMap() 返回一个不可修改的 Map,keys 为 List 顺序

```dart
List a = new List.from([1, "2", 3, 4]);
Map b = a.asMap();
print(b);
print(a);
CONSOLE:
{0: 1, 1: 2, 2: 3, 3: 4}
[1, 2, 3, 4]
```

> - cast() 如果 List 中所有类型满足 R,正常工作并返回 List，如果有一个不满足，将会抛出错误

```dart
List a = new List.from([1,"2", 3, 4]);
print(a.cast<int>());//抛出错误：type 'String' is not a subtype of type 'int' in type cas
```

> - clear() 删除所有元素
> - fillRange(int start,int end,[E fillValue]) 在选择的范围插入一个新的元素

```dart
List a = [1, 2, 3, 4];
print(a.getRange(1, 3));//(2, 3)
print(a);//[1, 2, 3, 4]
```

> - indexOf() 找到第一个满足条件的下标

```dart
List a = [1, 2, 3, 4];
print(a.indexOf(3));//2
```

> - indexWhere(bool test(E element),[int start=0]) 迭代 list，返回第一个满足条件的下标

```dart
 List a = [1, 2, 3, 4];
print(a.indexWhere((value) => value % 2 == 0));//1
```

> - insert(int index,E element) 在 index 处插入一个元素

```dart
List a = [1, 2, 3, 4];
a.insert(2, 'jsshou');
print(a);//[1,2,jsshou,3,4]
```

> - nsertAll(int index,iterable iterable) 在 index 处插入一个数组

```dart
List a = [1, 2, 3, 4];
a.insertAll(2, ['jsshou', 'good']);
print(a);//[1, 2, [jsshou, good], 3, 4]
```

> - lastIndexOf(E element, [ int start ]) 类似 indexOf，迭代从后往前
> - lastIndexWhere(bool test(E element), [ int start ]) 类似 indexWhere，迭代从后往前
> - remove(Object value) 删除第一个匹配到的 value

```dart
List a = [1, 2, 3, 4, 3];
a.remove(3);
print(a);// [1,2,4,3]
```

> - removeAt(int index) 删除 index 处的数据

```dart
List a = [1, 2, 3, 4, 3];
a.removeAt(3);
print(a);//[1, 2, 3, 3]
```

> - removeLast() 删除最后一个数据
> - removeRange(int start,int end) 删除 start 到 end 处的数据

```dart
List a = [1, 2, 3, 4, 3];
a.removeRange(2, 3);
print(a);//[1,2,4,3]
```

> - removeWhere() 迭代数据，删除回调中返回 true 的数据

```dart
List a = [1, 2, 3, 4, 3];
a.removeWhere((value) => value % 2 == 0);
print(a);//[1,3,3]
```

> - replaceRange(int start,int end,iterable replacement) 删除 start 到 end 的数据插入 replacement

```dart
List a = [1, 2, 3, 4, 3];
a.replaceRange(2, 4, [10, 11, 12, 13]);
print(a);//[1, 2, 10, 11, 12, 13, 3]
```

> - retainWhere(bool test(E element)) 删除不满足条件的数据

```dart
List a = [1, 2, 3, 4, 3];
a.retainWhere((value) => value % 2 == 0);
print(a);//[2, 4]
```

> - setAll(int index,iterable iterable) 从 index 开始插入一个 iterable 数据（对比 insertAll)
> - 它与 insertAll 的区别是 insertAll 不会删除原数组的值，setAll 会删除插入处一个或多个值

```dart
List a = [1, 2, 3, 4, 5];
a.setAll(2, ['jsshou', 'good']);
print(a); //[1, 2, jsshou, good, 5]
```

> - setRange(int start,int end,Iterable iterable,[int skipCount=0]) 从原数组 start 处开始到 end 结束替换一个 iterable，可选参数 skipCount 表示从 iterable 第 skipCount 处开始复制

```dart
List<int> list1 = [1, 2, 3, 4];
List<int> list2 = [5, 6, 7, 8, 9];
list1.setRange(1, 3, list2, 2);
print(list1.join(', ')); // 1, 7, 8, 4
```

> - shuffle([Random random]) 随机排列 list
> - sort(int compare(E a,E b)) 排序,类似 js 中的 sort

```dart
List<int> list = [1, 2, 3, 4, 9, 8, 7, 6];
list.sort((a, b) => a - b);
///时间排序
[{'createTime' : '2020-09-03 15:03'},{'createTime':'2020-09-03 18:00'}].sort((left,right) => right['createTime'].compareTo(left['createTime']));///结果自己试一试
print(list);//[1, 2, 3, 4, 6, 7, 8, 9]
```

> - sublist(int start,[int end]) 提取 list 数据

```dart
List<int> list = [1, 2, 3, 4, 9, 8, 7, 6];
print(list.sublist(2, 5));
```

> - contains(Object element) 比较原数组中是否包含 element

```dart
List<int> list = [1, 2, 3, 4];
List<int> list2 = [1, 2, 3, 4];
print(list.contains(1));//true
print(list2.contains(5));//false
```

> - elementAt(int index) 返回 index 处的数据

```dart
List<int> list = [1, 2, 3, 4];
print(list.elementAt(2));//3
```

> - every(bool test(E element)) list 每一项是否满足条件

```dart
List<int> list = [1, 2, 3, 4];
List<int> list1 = [0, 2, 4, 6];
print(list.every((item) => item % 2 == 0));//false
print(list1.every((item) => item % 2 == 0));//true
```

> - expand(Iterable f(E element)) 展开 list (类似 js 中的 flat)

```dart
var pairs = [[1, 2], [3, 4]];
var flattened = pairs.expand((pair) => pair).toList();
print(flattened); // => [1, 2, 3, 4];

var input = [1, 2, 3];
var duplicated = input.expand((i) => [i, i]).toList();
print(duplicated); // => [1, 1, 2, 2, 3, 3]
```

> - firstWhere(bool test(E element),{E orElse()}) 迭代元素返回第一个满足 test，如果没有，返回 orElse 调用结果

```dart
var list = [1, 2, 2, 4];
var res = list.firstWhere((pair) => pair == 2);
print(res);//2
```

> - fold(T initialValue,T combine(T previousValue,E element)) 把 initialValue 作为初始值，迭代原数组，返回新的 value，类似 js 中的 reduce，eg:

```dart
var value = initialValue;
for (E element in this) {
  value = combine(value, element);
}
return value;
```

> - followedBy(iterable other) 将 other 数据添加到原数组，返回 Iterable 类型

```dart
List a = new List.from([1, 2, 3, 4]);
Iterable b = a.followedBy([1, 2, 3]);
print(b);//(1, 2, 3, 4, 1, 2, 3)
```

> - forEach(void f(E element)) 迭代数组

```dart
List list = [1, 2, 3, 4];
list.forEach((item) {
    print(item);
});
//1,2,3,4
```

> - join([String separator='']) 把数组转成字符串中间用 separator 隔开

```dart
var list = [1, 2, 2, 4];
var res = list.join('*');
print(res);//1*2*3*4
```

> - lastWhere(bool test(E element),{E orElse})

```dart
var list = [1, 2, 2, 4];
var res = list.lastWhere((pair) => pair == 2);
print(res);//3
```

> - map(T f(E e)) 迭代数组并返回一个新的数组，新数组长度跟原数组长度一样

```dart
var list = [1, 2, 2, 4];
var res = list.map((pair) => pair * 2);
print(res);//(2, 4, 4, 8)
```

> - noSuchMethod(Invocation invocation) 访问不存在的方法或属性调用
> - reduce(E combine(E value,E element)) value 为初始值为原始数组第一项，后面是 combine 返回的项

```dart
List a = new List.from([1, 2, 3, 4]);
var b = a.reduce((a, b) {
  print(a.toString() + ',' + b.toString());
  return a + b;
});
print(b);
//1,2
//3,3
//6,4
//10
```

> - singleWhere(bool test(E element),{E orElse()}) 检查元素以查看是否 test(element)返回 true。如果只满足一个元素 test，则返回该元素。如果找到多个匹配元素，则抛出 StateError。如果未找到匹配元素，则返回结果 orElse。如果 orElse 省略，则默认为抛出 StateError
> - skip(int count) 返回原数组 count 后面的元素

```dart
List a = new List.from([1, 2, 3, 4]);
print(a.skip(2));//(3, 4)  //返回Iterable类型
print(a);//[1, 2, 3, 4]
```



> - skipWhile(bool test(E value))

```dart
List a = new List.from([1, 2, 3, 4]);
print(a.skipWhile((value) {
  print(value);
  if (value == 3) {
    return false;
  }
  return true;
}));
print(a);
输出:
1
2
3
(3, 4)
[1, 2, 3, 4]
```

> - take(int count)

```dart
List a = new List.from([1, 2, 3, 4]);
print(a.take(2));//(1,2)
```

> - takeWhile(bool test(E value)) 遍历迭代器，直到找到 test 返回为 false 的元素，停止遍历返回找到的 iterable

```dart
List a = new List.from([1, 2, 3, 4]);
print(a.takeWhile((value) => value != 2));
//(1)
```

> - toList({bool growable:true}) 将 Iterable 类转为 List
> - toSet() 将 Iterable 类及其子类转为 Set
> - toString()
> - where(bool test(E element)) 遍历元素，返回所有满足条件的元素,类似 js 中的 filter

```dart
List a = new List.from([1, 2, 3, 4]);
print(a.where((value) => value != 2));//（1，3，4）
```

> - whereType() 找到原 list 中带有 T 类型的元素

```dart
List a = new List.from([1, "2", 3, 4]);
print(a.whereType<String>());//(2)
```

dart语言之list操作

Flutter1.0初学时项目使用封装监听滚动
------

**做记录使用大概没得啥博客价值,直接丢代码**

```dart
import 'package:common_utils/common_utils.dart';
import 'package:flutter/cupertino.dart';

/// 提出滚动组件ScrollController滚动计算出显示与隐藏
/// @param 
/// @return 
/// @author 
/// created at 2020/8/19 15:21
///
@optionalTypeArgs
mixin ScrollCalculatedAttributesClientMixin{

  ///滚动最大值做出反应
  @protected
  double get scrollOffsetMax;

  ///滚动为负数时是否停止一切操作
  @protected
  bool  get OffsetNegative;

  ///滚动旧数据
  double _oldScrollOffset = 0.0;
  double get oldScrollOffset => _oldScrollOffset;

  bool _isStay = true;

///
/// @param offset [实时滚动高度]
/// @param dynamicHeight [动态高度,需手动传入] | 可选参数
/// @return  true | false 根据返回值更新数据
/// @author 
/// created at 2020/8/19 11:43
///
  bool setScrollReaction(double offset,[double dynamicHeight]){
    double _scrollOffsetMax = scrollOffsetMax;
    bool _OffsetNegative = OffsetNegative;
//    print("滚动高度 = $offset");
//    print("历史高度 = $_oldScrollOffset");
    if(ObjectUtil.isEmpty(scrollOffsetMax)) _scrollOffsetMax = 20.0;
    if(ObjectUtil.isNotEmpty(dynamicHeight)) _scrollOffsetMax = dynamicHeight;
    if(ObjectUtil.isEmpty(OffsetNegative)) _OffsetNegative = true;
    ///判断 负数后停止操作 & 滚动高度为负数
    if(_OffsetNegative && offset.isNegative){
      _isStay = true;
      _oldScrollOffset = 0.0;
    }else{
      if(offset - _oldScrollOffset >= _scrollOffsetMax){
        _oldScrollOffset = offset;
        _isStay = false;
      }
      if(_oldScrollOffset - offset  >= _scrollOffsetMax){
        _isStay = true;
        _oldScrollOffset = offset;
      }
    }
    return _isStay;
  }

}


```

#### 注意事项

> 使用ScrollController控制器,放在需要滚动的组件上
>
> 在initState里面监听
>
> ```dart
> scrollController.addListener(() {
> //     _scrollController.position.pixels 获取当前滚动部件滚动的距离
> //     当滚动距离大于 单位一屏之后，显示回到顶部按钮
> //scrollController.position.pixels(滚动距离)
> });
> ```
>
> 如果滚动的最大距离(scrollOffsetMax)是变量的 则需要手动传入,常量就不需要了

## 记录原由 

首次发现mixin挺好用的写了个样例

之后逐渐发现使用mixin结合rxdart做数据请求也挺好用的(简单页面仅仅单次请求)

flutter学习之mixin抽离监听滚动

将lodop使用到electron自动调起打印
------

## 记录摸索electron与lodop的辛酸历程

#### 一、放弃在主进程调用CLodopfuncs.js服务吧

> 别挣扎了,当时考虑着是服务端渲染,服务端与客户端分离,打算将lodop服务调用写在主进程中,经历了三天的折磨,没搞出来
>
> 首先获取不到doucment,------------------------绝路
>
> 其次将doucment从渲染进程传到主进程序列化是不可能的
>
> 从序列化转到使用插件 ,因为序列化dom树结果是空,electron通讯不能传输dom,报错 : Error: An object could not be cloned.
>
> 丧心病狂的使用插件XMLserializer +parse5 将dom树解析成XML传输(终于成功了)
>
> 主进程用插件DOMParser解析XML成text/html类型数据
>
> 结果lodop服务里面CLodopfuncs.js文件有些运行不完整   ----------------> 个别几个参数出现 is not defined ,炸不炸裂
>
> 三天 electron不熟悉 lodop第一天就调起以为超简单,什么鬼心态
>
> 想想我现在写着几句话的有多大的怨

#### 二、老老实实在渲染进程调用

> 做好通信
>
> 就算在渲染进程能调用到主进程js(我在开窗口的时候给了nodeIntegrationTo为true,原生html可使用node引入方式),也得走通信,原因是有时候放在global的命名空间也可能获取不到(不晓得是什么原因,心态炸了没细查);
>
> 在壳这边写个小页面来获取doucment(操作烦不烦都无所谓了),放了提示与确定按钮
>
> 大概这个样子

|              |                 |                |
| :----------: | :-------------: | :------------: |
| 正在尝试调起 | 外部打印机,点击 | 确定进行下一步 |
|              |                 |                |
|              |                 |      确定      |

 

> 调起这个界面的时候就发了个通信将需要打印的html经过渲染进程传输到主进程又传输到渲染进程然后保存在这个界面上
>
> 当时想着是在初始化的时候将CLodopfuncs加载一遍到时候用就行了,结果谁想得到获取的服务内容赋值给window上都会变得不一样(反正不知道哪里不一样代码对了下是一样的,大概想了下应该是这玩意必须实时创建)不能用
>
> 然后将加载服务获取到的LODOP拿来调用打印,真是不容易啊!终于成功了
>
> 剩下的就是读文档了[lodop技术文档](https://raw.githubusercontent.com/18487115313/18487115313.github.io/master/screenshot/Lodop技术手册6.2.2.6.doc)

#### 三、lodop真的是只能打印原生界面，样式可以内联，不内联的可以与内容一起拼接成字符串打印,不会的看[样例10](http://www.c-lodop.com/demolist/PrintSample10.html)

#### 四、[lodop官网](http://www.lodop.net)

#### 五、不附代码了



fluro路由传参时需要解析到地址上

一、简单的数据处理模式

以下内容由个人博客 JsShou摘抄dart中的list属性与方法

Flutter1.0初学时项目使用封装监听滚动

将lodop使用到electron自动调起打印

记录摸索electron与lo