法的空间
法的空间

Flutter 纵享丝滑的 TabView 嵌套滚动

之前做过 flex_grid | Flutter Package (flutter-io.cn) 支持锁定行列，并且可以在 extended_tabs | Flutter Package (flutter-io.cn) 中连续滚动。但是当时只做了一层，没有去考虑做多层 extended_tabs中的情况。

这次将 flex_grid 和 extended_tabs 关于同步滚动和嵌套滚动的代码进行了重构，封装成了新的库 sync_scroll_library | Flutter Package (flutter-io.cn)，大家也可以方便的使用该库做出满足自身需求的同步滚动和嵌套滚动效果。

原理

ScrollableState

首先我们还是来复习下 ScrollableState，Flutter 是怎么通过手势去控制列表滚动的。

  • 注册手势
  @override
  @protected
  void setCanDrag(bool value) {
    if (value == _lastCanDrag && (!value || widget.axis == _lastAxisDirection))
      return;
    if (!value) {
      _gestureRecognizers = const {};
      // Cancel the active hold/drag (if any) because the gesture recognizers
      // will soon be disposed by our RawGestureDetector, and we won't be
      // receiving pointer up events to cancel the hold/drag.
      _handleDragCancel();
    } else {
      switch (widget.axis) {
        case Axis.vertical:
          _gestureRecognizers = {
            VerticalDragGestureRecognizer: GestureRecognizerFactoryWithHandlers(
              () => VerticalDragGestureRecognizer(supportedDevices: _configuration.dragDevices),
              (VerticalDragGestureRecognizer instance) {
                instance
                  ..onDown = _handleDragDown
                  ..onStart = _handleDragStart
                  ..onUpdate = _handleDragUpdate
                  ..onEnd = _handleDragEnd
                  ..onCancel = _handleDragCancel
                  ..minFlingDistance = _physics?.minFlingDistance
                  ..minFlingVelocity = _physics?.minFlingVelocity
                  ..maxFlingVelocity = _physics?.maxFlingVelocity
                  ..velocityTrackerBuilder = _configuration.velocityTrackerBuilder(context)
                  ..dragStartBehavior = widget.dragStartBehavior
                  ..gestureSettings = _mediaQueryData?.gestureSettings;
              },
            ),
          };
          break;
        case Axis.horizontal:
          _gestureRecognizers = {
            HorizontalDragGestureRecognizer: GestureRecognizerFactoryWithHandlers(
              () => HorizontalDragGestureRecognizer(supportedDevices: _configuration.dragDevices),
              (HorizontalDragGestureRecognizer instance) {
                instance
                  ..onDown = _handleDragDown
                  ..onStart = _handleDragStart
                  ..onUpdate = _handleDragUpdate
                  ..onEnd = _handleDragEnd
                  ..onCancel = _handleDragCancel
                  ..minFlingDistance = _physics?.minFlingDistance
                  ..minFlingVelocity = _physics?.minFlingVelocity
                  ..maxFlingVelocity = _physics?.maxFlingVelocity
                  ..velocityTrackerBuilder = _configuration.velocityTrackerBuilder(context)
                  ..dragStartBehavior = widget.dragStartBehavior
                  ..gestureSettings = _mediaQueryData?.gestureSettings;
              },
            ),
          };
          break;
      }
    }
    _lastCanDrag = value;
    _lastAxisDirection = widget.axis;
    if (_gestureDetectorKey.currentState != null)
      _gestureDetectorKey.currentState!.replaceGestureRecognizers(_gestureRecognizers);
  }
  • 监听事件
  Drag? _drag;
  ScrollHoldController? _hold;

  void _handleDragDown(DragDownDetails details) {
    assert(_drag == null);
    assert(_hold == null);
    _hold = position.hold(_disposeHold);
  }

  void _handleDragStart(DragStartDetails details) {
    // It's possible for _hold to become null between _handleDragDown and
    // _handleDragStart, for example if some user code calls jumpTo or otherwise
    // triggers a new activity to begin.
    assert(_drag == null);
    _drag = position.drag(details, _disposeDrag);
    assert(_drag != null);
    assert(_hold == null);
  }

  void _handleDragUpdate(DragUpdateDetails details) {
    // _drag might be null if the drag activity ended and called _disposeDrag.
    assert(_hold == null || _drag == null);
    _drag?.update(details);
  }

  void _handleDragEnd(DragEndDetails details) {
    // _drag might be null if the drag activity ended and called _disposeDrag.
    assert(_hold == null || _drag == null);
    _drag?.end(details);
    assert(_drag == null);
  }

  void _handleDragCancel() {
    // _hold might be null if the drag started.
    // _drag might be null if the drag activity ended and called _disposeDrag.
    assert(_hold == null || _drag == null);
    _hold?.cancel();
    _drag?.cancel();
    assert(_hold == null);
    assert(_drag == null);
  }

  void _disposeHold() {
    _hold = null;
  }

  void _disposeDrag() {
    _drag = null;
  }

在 _handleDragDown 和 _handleDragStart 的时候分别对当前 position 生成
_hold 和 _drag。

一般默认的 position 都是一个 ScrollPositionWithSingleContext，hold 和 drag 方法的实现为下:

  @override
  ScrollHoldController hold(VoidCallback holdCancelCallback) {
    final double previousVelocity = activity!.velocity;
    final HoldScrollActivity holdActivity = HoldScrollActivity(
      delegate: this,
      onHoldCanceled: holdCancelCallback,
    );
    beginActivity(holdActivity);
    _heldPreviousVelocity = previousVelocity;
    return holdActivity;
  }

  ScrollDragController? _currentDrag;

  @override
  Drag drag(DragStartDetails details, VoidCallback dragCancelCallback) {
    final ScrollDragController drag = ScrollDragController(
      delegate: this,
      details: details,
      onDragCanceled: dragCancelCallback,
      carriedVelocity: physics.carriedMomentum(_heldPreviousVelocity),
      motionStartDistanceThreshold: physics.dragStartDistanceMotionThreshold,
    );
    beginActivity(DragScrollActivity(this, drag));
    assert(_currentDrag == null);
    _currentDrag = drag;
    return drag;
  }

ScrollHoldController 和 ScrollDragController 负责处理后续的操作。

整个大概流程为:

graph TD
_handleDragDown --> _handleDragStart并且_disposeHold --> _handleDragUpdate --> _handleDragEnd --> _disposeDrag

_handleDragDown --> _handleDragCancel --> _disposeHold
_handleDragCancel --> _disposeDrag

知道原理之后，我们其实就可以自己做一套这个东西，然后屏蔽掉底层的逻辑(比如给 Scrollable 的 physics 设置为 NeverScrollableScrollPhysics)，这样手势就被我们给拿捏了。

SyncScrollStateMinxin

因为注册事件这部分都是一样的东西，所以抽成一个 SyncScrollStateMinxin。


mixin SyncScrollStateMinxin on State {
  Map? _gestureRecognizers;
  Map? get gestureRecognizers =>
      _gestureRecognizers;
  SyncControllerMixin get syncController;
  // widget.physics
  ScrollPhysics? get physics;

  TextDirection? get textDirection => Directionality.maybeOf(context);

  Axis get scrollDirection;
  bool get canDrag => physics?.shouldAcceptUserOffset(_testPageMetrics) ?? true;
  ScrollPhysics? get usedScrollPhysics => _physics;
  ScrollPhysics? _physics;

  @override
  //@mustCallSuper
  void didChangeDependencies() {
    super.didChangeDependencies();
    updatePhysics();
    initGestureRecognizers();
  }

  // Only call this from places that will definitely trigger a rebuild.
  void updatePhysics() {
    _physics = getScrollPhysics();
  }

  ScrollPhysics? getScrollPhysics() {
    final ScrollBehavior configuration = ScrollConfiguration.of(context);
    ScrollPhysics temp = configuration.getScrollPhysics(context);
    if (physics != null) {
      temp = physics!.applyTo(temp);
    }
    return temp;
  }

  void initGestureRecognizers() {
    if (canDrag) {
      switch (scrollDirection) {
        case Axis.horizontal:
          _gestureRecognizers = {
            HorizontalDragGestureRecognizer:
                GestureRecognizerFactoryWithHandlers<
                    HorizontalDragGestureRecognizer>(
              () => HorizontalDragGestureRecognizer(),
              (HorizontalDragGestureRecognizer instance) {
                instance
                  ..onDown = _handleDragDown
                  ..onStart = _handleDragStart
                  ..onUpdate = _handleDragUpdate
                  ..onEnd = _handleDragEnd
                  ..onCancel = _handleDragCancel
                  ..minFlingDistance = _physics?.minFlingDistance
                  ..minFlingVelocity = _physics?.minFlingVelocity
                  ..maxFlingVelocity = _physics?.maxFlingVelocity;
              },
            ),
          };
          break;

        case Axis.vertical:
          _gestureRecognizers = {
            VerticalDragGestureRecognizer: GestureRecognizerFactoryWithHandlers<
                VerticalDragGestureRecognizer>(
              () => VerticalDragGestureRecognizer(),
              (VerticalDragGestureRecognizer instance) {
                instance
                  ..onDown = _handleDragDown
                  ..onStart = _handleDragStart
                  ..onUpdate = _handleDragUpdate
                  ..onEnd = _handleDragEnd
                  ..onCancel = _handleDragCancel
                  ..minFlingDistance = _physics?.minFlingDistance
                  ..minFlingVelocity = _physics?.minFlingVelocity
                  ..maxFlingVelocity = _physics?.maxFlingVelocity;
              },
            ),
          };
          break;
        default:
      }
    } else {
      _gestureRecognizers = const {};
      syncController.forceCancel();
    }
  }

  void _handleDragDown(DragDownDetails details) {

  }

  void _handleDragStart(DragStartDetails details) {

  }

  void _handleDragUpdate(DragUpdateDetails details) {
  
  }

  void _handleDragEnd(DragEndDetails details) {

  }

  void _handleDragCancel() {
   
  }

  Widget buildGestureDetector({required Widget child}) {
    if (_gestureRecognizers == null) {
      return child;
    }
    return RawGestureDetector(
      gestures: _gestureRecognizers!,
      behavior: HitTestBehavior.opaque,
      child: child,
    );
  }
}

同步滚动

flex_grid 的水平滚动，是有多个 CustomScrollView 共享同一个 ScrollController，然后同步多个 position 来实现的。

DragHoldController

我们先写一个 DragHoldController，对事件进行统一的处理，

class DragHoldController {
  DragHoldController(this.position);
  final ScrollPosition position;
  Drag? _drag;

  ScrollHoldController? _hold;

  void handleDragDown(DragDownDetails? details) {
    assert(_drag == null);
    assert(_hold == null);
    _hold = position.hold(_disposeHold);
  }

  void handleDragStart(DragStartDetails details) {
    // It's possible for _hold to become null between _handleDragDown and
    // _handleDragStart, for example if some user code calls jumpTo or otherwise
    // triggers a new activity to begin.
    assert(_drag == null);
    _drag = position.drag(details, _disposeDrag);
    assert(_drag != null);
    assert(_hold == null);
  }

  void handleDragUpdate(DragUpdateDetails details) {
    // _drag might be null if the drag activity ended and called _disposeDrag.
    assert(_hold == null || _drag == null);
    _drag?.update(details);
  }

  void handleDragEnd(DragEndDetails details) {
    // _drag might be null if the drag activity ended and called _disposeDrag.
    assert(_hold == null || _drag == null);
    _drag?.end(details);
    assert(_drag == null);
  }

  void handleDragCancel() {
    // _hold might be null if the drag started.
    // _drag might be null if the drag activity ended and called _disposeDrag.
    assert(_hold == null || _drag == null);
    _hold?.cancel();
    _drag?.cancel();
    assert(_hold == null);
    assert(_drag == null);
  }

  void _disposeHold() {
    _hold = null;
  }

  void _disposeDrag() {
    _drag = null;
  }

  void forceCancel() {
    _hold = null;
    _drag = null;
  }

  bool get hasDrag => _drag != null;
  bool get hasHold => _hold != null;

  double get extentAfter => position.extentAfter;

  double get extentBefore => position.extentBefore;
}

SyncControllerMixin

创建一个 SyncControllerMixin ，它继承于 ScrollController，

利用一个 map 来存放当前 attach 的 position。

当水平滚动 position attach 的时候，我们将它和其他已经attach 的 position 进行同步， 并且让它与 DragHoldController 关联起来。

/// The mixin for [ScrollController] to sync pixels for all of positions
mixin SyncControllerMixin on ScrollController {
  final Map _positionToListener =
      {};

  @override
  void attach(ScrollPosition position) {
    super.attach(position);
    assert(!_positionToListener.containsKey(position));
    if (_positionToListener.isNotEmpty) {
      final double pixels = _positionToListener.keys.first.pixels;
      if (position.pixels != pixels) {
        position.correctPixels(pixels);
      }
    }
    _positionToListener[position] = DragHoldController(position);
  }

  @override
  void detach(ScrollPosition position) {
    assert(_positionToListener.containsKey(position));
    _positionToListener[position]!.forceCancel();
    _positionToListener.remove(position);

    super.detach(position);
  }

  @override
  void dispose() {
    forceCancel();
    super.dispose();
  }

  void handleDragDown(DragDownDetails? details) {
    for (final DragHoldController item in _positionToListener.values) {
      item.handleDragDown(details);
    }
  }

  void handleDragStart(DragStartDetails details) {
    for (final DragHoldController item in _positionToListener.values) {
      item.handleDragStart(details);
    }
  }

  void handleDragUpdate(DragUpdateDetails details) {

      for (final DragHoldController item in _positionToListener.values) {
        if (!item.hasDrag) {
          item.handleDragStart(
            DragStartDetails(
              globalPosition: details.globalPosition,
              localPosition: details.localPosition,
              sourceTimeStamp: details.sourceTimeStamp,
            ),
          );
        }
        item.handleDragUpdate(details);
      }
    
  }

  void handleDragEnd(DragEndDetails details) {

    for (final DragHoldController item in _positionToListener.values) {
      item.handleDragEnd(details);
    }
  }

  void handleDragCancel() {

    for (final DragHoldController item in _positionToListener.values) {
      item.handleDragCancel();
    }
  }

  void forceCancel() {
    for (final DragHoldController item in _positionToListener.values) {
      item.forceCancel();
    }
  }

当接受到各种事件的时候，将这些事件，同步给各个激活的 DragHoldController，这样我们就达到了让同一个 ScrollController 里面的 position 同步滚动的效果。

嵌套滚动

嵌套滚动，这里是只当前一级的 TabView 不能滚动的情况下，去查看它父级的 TabView 是否能滚动，如果能滚动，继续滚动父级的 TabView。这里还是在 SyncControllerMixin 中，我们为它添加 parent 的属性。

这里说一下，

  • SyncControllerMixin? get parent 是用户手动设置的

  • SyncControllerMixin? _parent 是通过 findAncestorStateOfType 向上找父级获取到的

  • SyncControllerMixin? _activedLinkParent 是通过计算，当前滚动的父级 TabView 的 SyncControllerMixin

  • 临界点判断，我们需要在 SyncScrollStateMinxin 的 _handleDragUpdate 中对临界点进行判断。

  void _handleParentController(DragUpdateDetails details) {
    if (syncController.parentIsNotNull) {
      final double delta = scrollDirection == Axis.horizontal
          ? details.delta.dx
          : details.delta.dy;

      syncController.linkActivedParent(
        delta,
        details,
        textDirection ?? TextDirection.ltr,
      );
    }
  }
  • 在 SyncControllerMixin 的 linkActivedParent 方法中(这里需要注意的是要考虑到阿拉伯语种，delta= -delta；)

  1. delta < 0 && _extentAfter == 0, 一层层向上找 parent._extentAfter是否满足不为 0

  2. delta > 0 && _extentBefore == 0, 一层层向上找 parent._extentBefore是否满足不为 0

  3. 如果找到之后，将 _activedLinkParent 设置成找到的 parent, 在 handleDragCancel 之前，全部的事件将都由 _activedLinkParent 来处理。

/// The mixin for [ScrollController] to sync pixels for all of positions
mixin SyncControllerMixin on ScrollController {
  final Map _positionToListener =
      {};

  // The parent from user
  SyncControllerMixin? get parent;
  // The parent from link
  SyncControllerMixin? _parent;

  // The actual used parent
  SyncControllerMixin? get _internalParent => parent ?? _parent;

  // The current actived controller
  SyncControllerMixin? _activedLinkParent;

  bool get parentIsNotNull => _internalParent != null;

  bool get isSelf => _activedLinkParent == null;

  void linkParent>(
      BuildContext context) {
    _parent = context.findAncestorStateOfType()?.syncController;
  }

  void unlinkParent() {
    _parent = null;
  }

  @override
  void dispose() {
    forceCancel();
    super.dispose();
  }

  void handleDragUpdate(DragUpdateDetails details) {
    if (_activedLinkParent != null && _activedLinkParent!.hasDrag) {
      _activedLinkParent!.handleDragUpdate(details);
    } else {
      for (final DragHoldController item in _positionToListener.values) {
        if (!item.hasDrag) {
          item.handleDragStart(
            DragStartDetails(
              globalPosition: details.globalPosition,
              localPosition: details.localPosition,
              sourceTimeStamp: details.sourceTimeStamp,
            ),
          );
        }
        item.handleDragUpdate(details);
      }
    }
  }

  void handleDragEnd(DragEndDetails details) {
    _activedLinkParent?.handleDragEnd(details);

    for (final DragHoldController item in _positionToListener.values) {
      item.handleDragEnd(details);
    }
  }

  void handleDragCancel() {
    _activedLinkParent?.handleDragCancel();
    _activedLinkParent = null;

    for (final DragHoldController item in _positionToListener.values) {
      item.handleDragCancel();
    }
  }

  void forceCancel() {
    _activedLinkParent?.forceCancel();
    _activedLinkParent = null;

    for (final DragHoldController item in _positionToListener.values) {
      item.forceCancel();
    }
  }

  double get extentAfter => _activedLinkParent != null
      ? _activedLinkParent!.extentAfter
      : _extentAfter;

  double get extentBefore => _activedLinkParent != null
      ? _activedLinkParent!.extentBefore
      : _extentBefore;

  double get _extentAfter => _positionToListener.keys.isEmpty
      ? 0
      : _positionToListener.keys.first.extentAfter;

  double get _extentBefore => _positionToListener.keys.isEmpty
      ? 0
      : _positionToListener.keys.first.extentBefore;

  bool get hasDrag =>
      _activedLinkParent != null ? _activedLinkParent!.hasDrag : _hasDrag;
  bool get hasHold =>
      _activedLinkParent != null ? _activedLinkParent!.hasHold : _hasHold;

  bool get _hasDrag => _positionToListener.values
      .any((DragHoldController element) => element.hasDrag);
  bool get _hasHold => _positionToListener.values
      .any((DragHoldController element) => element.hasHold);

  SyncControllerMixin? _findParent(bool test(SyncControllerMixin parent)) {
    if (_internalParent == null) {
      return null;
    }
    if (test(_internalParent!)) {
      return _internalParent!;
    }

    return _internalParent!._findParent(test);
  }

  void linkActivedParent(
    double delta,
    DragUpdateDetails details,
    TextDirection textDirection,
  ) {
    if (_activedLinkParent != null) {
      return;
    }
    SyncControllerMixin? activedParent;
    if (textDirection == TextDirection.rtl) {
      delta = -delta;
    }

    if (delta < 0 && _extentAfter == 0) {
      activedParent =
          _findParent((SyncControllerMixin parent) => parent._extentAfter != 0);
    } else if (delta > 0 && _extentBefore == 0) {
      activedParent = _findParent(
          (SyncControllerMixin parent) => parent._extentBefore != 0);
    }

    if (activedParent != null) {
      _activedLinkParent = activedParent;
      activedParent.handleDragDown(null);
      activedParent.handleDragStart(
        DragStartDetails(
          globalPosition: details.globalPosition,
          localPosition: details.localPosition,
          sourceTimeStamp: details.sourceTimeStamp,
        ),
      );
    }
  }
}

实现 SyncScrollStateMinxin 和 SyncControllerMixin

  • 对于 SyncScrollStateMinxin 的实现，我们需要注意是
  1. build 方法中使用 buildGestureDetector 包裹原本的返回的 widget，来注册手势监听。
return buildGestureDetector(child: child);
  1. 在有需要的情况下，调用来自动 link 上层。
  void _updateAncestor() {
    _pageController.unlinkParent();
    if (widget.link) {
       _pageController.linkParent(context);
    }
  }
  • 对于 SyncControllerMixin 的实现，按照自己情况来实现即可，下面是分别给 flex_grid 和 extended_tabs 使用的 ScrollController 。
/// The [SyncScrollController] to sync pixels for all of positions
class SyncScrollController extends ScrollController with SyncControllerMixin {
  /// Creates a scroll controller that continually updates its
  /// [initialScrollOffset] to match the last scroll notification it received.
  SyncScrollController({
    double initialScrollOffset = 0.0,
    bool keepScrollOffset = true,
    String? debugLabel,
    this.parent,
  }) : super(
          initialScrollOffset: initialScrollOffset,
          keepScrollOffset: keepScrollOffset,
          debugLabel: debugLabel,
        );

  /// The Outer SyncScrollController, for example [ExtendedTabBarView] or [ExtendedPageView]
  /// It make better experience when scroll on horizontal direction
  @override
  final SyncControllerMixin? parent;
}

/// The [SyncPageController] to scroll Pages(PageView or TabBarView) when [FlexGrid] is reach the horizontal boundary
class SyncPageController extends PageController with SyncControllerMixin {
  /// Creates a page controller.
  ///
  /// The [initialPage], [keepPage], and [viewportFraction] arguments must not be null.
  SyncPageController({
    int initialPage = 0,
    bool keepPage = true,
    double viewportFraction = 1.0,
    this.parent,
  }) : super(
          initialPage: initialPage,
          keepPage: keepPage,
          viewportFraction: viewportFraction,
        );

  /// The Outer SyncScrollController, for example [ExtendedTabBarView] or [ExtendedPageView]
  /// It make better experience when scroll on horizontal direction
  @override
  final SyncControllerMixin? parent;
}

滚动冲突

这种现象是在快速滚动 extended_tabs，即使当前 tab 里面有能滚动的内容，比如 flex_grid，它也不会优先滚动 flex_grid，而会直接跳过到下一个 tab。之前我们是通过加快滚动结束的动画来缓解这种现象。

mixin LessSpringScrollPhysics on ScrollPhysics {
  @override
  SpringDescription get spring => SpringDescription.withDampingRatio(
        mass: 0.5,
        stiffness: 1000.0, // Increase this value as you wish.
        ratio: 1.1,
      );
}

class LessSpringClampingScrollPhysics extends ClampingScrollPhysics
    with LessSpringScrollPhysics {
  const LessSpringClampingScrollPhysics()
      : super(parent: const ClampingScrollPhysics());
}

实际上，这个问题在 Flutter挑战之手势冲突 - 掘金 (juejin.cn) 中说的很清楚了。Flutter 中的 Scrollable 在滚动过程中会将 child 的 hittest 禁止掉。你感觉滚动已经停止了，但是依然操作不了其中的 flex_grid。

解决办法也很简单，extended_tabs 没有额外的其他需求，相比 extended_image | Flutter Package (flutter-io.cn) 不需要重写太多东西。

我们只需要重写掉 extended_tabs 中使用的 Scrollable，并且控制 setIgnorePointer 是否执行即可。

class ExtendedScrollable extends Scrollable {
  const ExtendedScrollable({
    Key? key,
    AxisDirection axisDirection = AxisDirection.down,
    ScrollController? controller,
    ScrollPhysics? physics,
    required ViewportBuilder viewportBuilder,
    ScrollIncrementCalculator? incrementCalculator,
    bool excludeFromSemantics = false,
    int? semanticChildCount,
    DragStartBehavior dragStartBehavior = DragStartBehavior.start,
    String? restorationId,
    ScrollBehavior? scrollBehavior,
    this.shouldIgnorePointerWhenScrolling = true,
  }) : super(
          key: key,
          axisDirection: axisDirection,
          controller: controller,
          physics: physics,
          viewportBuilder: viewportBuilder,
          incrementCalculator: incrementCalculator,
          excludeFromSemantics: excludeFromSemantics,
          semanticChildCount: semanticChildCount,
          dragStartBehavior: dragStartBehavior,
          restorationId: restorationId,
          scrollBehavior: scrollBehavior,
        );
  final bool shouldIgnorePointerWhenScrolling;
  @override
  _ExtendedScrollableState createState() => _ExtendedScrollableState();
}

class _ExtendedScrollableState extends ScrollableState {
  @override
  void setIgnorePointer(bool value) {
    final ExtendedScrollable scrollable = widget as ExtendedScrollable;
    if (scrollable.shouldIgnorePointerWhenScrolling) {
      super.setIgnorePointer(value);
    }
  }
}

对这个问题很敏感的同学，只需要将 extended_tabs
的 shouldIgnorePointerWhenScrolling 设置为 flase 即可。

结语

每过一段时间，回看自己的代码，就会发现会更好的方法来解决之前的问题，因为每一次都只能探索到 Flutter 的冰山一角。开源项目的乐趣就在于有很多人都能参与进来，一个人的24小时也许不够用，但是10，100个人呢？ 希望大家不要吝啬自己好的开源项目，记得分享。

最后放上这三个库的地址

  • extended_tabs | Flutter Package (flutter-io.cn)
  • flex_grid | Flutter Package (flutter-io.cn)
  • sync_scroll_library | Flutter Package (flutter-io.cn)

你可以通过 sync_scroll_library 来实现相似的功能。

你可能感兴趣的:(Flutter 纵享丝滑的 TabView 嵌套滚动)

  • 查找算法--python 电子海鸥 Python数据结构与算法算法python数据结构
    二分查找一、概述基于有序数组的一种查找算法，主要使用了分治的思想，在每次查找的过程后，都能缩小一半的搜索范围，比如在1到100内猜数字，在保险的情况下先说50，根据结果再分析范围是1到49、51到100还是就是50，可以大大的减少查询次数。二、查找元素位置步骤设置边界，一般left取0作为左边界，right取lenth-1作为右边界计算mid=(left+right)//2，查看中间值，并和tar
  • 百变大侦探【人间客】攻略+答案+凶手是谁+复盘解析+剧透结局 VX搜_彤彤速递
    每天持续更新复盘有15000＋：线下剧本杀·百变大侦探·我是谜·谁是凶手·玩吧·剧本杀线上·戏精大侦探·儿童剧本杀·魔王杀...所有谜题在等着你去揭开。为了你获得更好的游戏体验，本文仅显示《人间客》百变大侦探部分真相复盘，获取完整真相复盘只需两步①【微信关注公众号：云云复盘】②回复【人间客】即可查看获取哦百变《人间客》剧本杀攻略Ⅰ答案Ⅰ复盘剧本角色推荐6人本，边缘角色念生、抗压角色杨意寻·cp线故
  • 日更第二十三天 ‖ 下雪了 阿段阿
    攒了一冬的雪，今儿终于全部释放了。下雪了。过年的时候还在感叹，怎么还不下雪，整个冬天，天空也不见点雪。感冒的越来越多，流感像是滚雪球一样一点点的面积变广。什么时候来雪呢？今儿可算是等着了。窗外的孩子在打雪球，老师的老公中午也悄悄过来看她。瑞雪兆丰年，真好。希望明天会喜极而泣。
  • 论文分享系列（二）——论微服务架构及其应用 马斯洛金字塔下的小灵猴儿 #软考高项架构师论微服务架构及其应用论文
    论微服务架构及其应用摘要2023年5月，我司启动了精彩购电商系统的开发工作，该项目组中我担任系统架构师岗位，主要负责整体架构设计与中间件选型。本文以该电商平台为例，将介绍微服务架构的特点、应用场景以及实现方法。系统以SpringCloud微服务框架开发，分为前端Web服务、平台保障服务、业务服务三部分。前端Web服务由负载均衡与服务器集群结合，实现高并发的前台界面；平台保障服务以Eureka为中心
  • 流量牵引技术与传统防火墙的区别 666IDCaaa ddos
    在网络安全领域，流量牵引技术和传统防火墙都起着重要的作用，但它们在很多方面存在着明显的区别。一、工作原理不同传统防火墙主要是通过设置访问控制规则来过滤网络流量。它基于预先设定的策略，对进入和离开网络的数据包进行检查，根据源地址、目的地址、端口号等信息决定是否允许数据包通过。例如，企业可以设置防火墙规则，只允许特定IP地址的设备访问内部网络资源，或者禁止某些端口的流量进入，以防止潜在的攻击。而流量牵
  • CDGA学习笔记三-《数据安全》 zy_chris 网络安全
    七、数据安全7.1引言数据安全包括安全策略和过程的规划、建立与执行，为数据和信息资产提供正确的身份验证、授权、访问和审计。要求来自以下方面：（1）利益相关方（2）政府法规（3）特定业务关注点（4）合法访问需求（5）合同义务7.1.1业务驱动因素1、降低风险信息安全首先对组织数据进行分级分类，对组织数据进行分类分级的整个流程：1）识别敏感数据资产并分类分级2）在企业中查找敏感数据3）确定保护每项资产
  • 收假 收心 右耳朵跳跳
    国庆小长假还剩最后57分钟，收心迎接明天的工作。相信孩子们和我一样，七天假期肯定玩得不亦乐乎，肯定有很多别样的经历和小伙伴分享。我何不以此为契机，举行假期“大杂汇”的分享会，既可以延续假期的愉快，又可以让孩子们收心❤
  • 《心理治疗师的刻意练习》读后记 海涛心理咨询
    读后记：这本书主要是写一位心理咨询师从小白到合格咨询师的刻意练习。开篇写了自己初做心理咨询师的美好体验与尴尬——50%的来访者没有变好（而这居然是行业平均水平）；希望自己的咨询水平能够提高而查阅了相关论文，请教了相关专家，开始了刻意练习之路；刻意练习如何降低了自己的焦虑，最终提高了自己的咨询表现，并且要和读者分享自己的成功之路。书中也提供了一些科学研究和统计调查：资深咨询师的来访者反馈与新手咨询师
  • 错点喜欢你 08 不是我 墨夕澈
    【下面正文07你那么努力和08不是我合在了一起，因为两篇字数都不超1k，抱歉啦大家】07你那么努力高考转瞬即至，而安青檬还没有复习完，一会儿就是语文高考了，她抬头看了看时间，快8点了，而20分钟后她们就要去考场了！想到这安青檬的心就愈发安静不下来，她紧张极了，这会儿连笔记都不想看了。“啊……”安青檬不由得长长地叫了一声，枕住自己的胳膊趴在桌面上。谌昭听见，不由得皱了皱眉，他轻声问道：“怎么了？”安
  • 选择不选择|观影《小偷家族》 anpu的地下女友
    在经过漫长等待之后，是枝裕和额的《小偷家族》终于在大陆上映了。在之前的日子里，我断断续续的看了他的大部分作品，巧合的是，几乎每一次都是在临近黄昏的时候看完，常常思绪万千又郁闷压抑。在他的每一部电影里，都可以感受到家庭亲人的美好，以及这美好无法掩盖的伤痕与腐臭。潦倒而邋遢的丈夫柴田治带着偷来的小孩祥太在超市熟练地偷着各式各样的商品，从食物到服装，从零食到日用品小心翼翼又无所顾忌的统统偷来。幸福而满足
  • Redisson分布式锁实现原理和使用 牧竹子 springboot#redisRedissonredis
    常见的锁内存锁lock,synchronize分布式锁redis，zookeeper实现Redisson基于redis实现了Lock接口的分布式集群锁，是可重入锁，功能强大，源码复杂，比redis单机模式分布式锁可靠，稳定性更高，支持集群模式，支持锁根据业务时长自动延迟释放redis普通分布式锁存在一定的缺陷——它加锁只作用在一个Redis节点上，如果通过sentinel和cluster保证高可用
  • 画长城 8b9fc9529236
    下午我去画画了。老师让我们画长城。今年暑假我们一家人去长城玩过。根据我的记忆。我的脑海里出现了长城的模样。我很快就画完啦。
  • react中如何获取并使用usestate声明的变量的值 小华0000 react.jsjavascript前端
    1.函数式更新当需要根据当前状态来更新状态时，可以使用函数式更新。setState（在类组件中）和setCount（在useState中）都可以接受一个函数作为参数，这个函数接收当前的状态作为参数，并返回新的状态。functionExampleComponent(){const[count,setCount]=useState(0);//使用函数式更新functionhandleClick(){s
  • 湖南永州旅游：带你走进历史文化名城 旅途中的蚊子
    湖南永州旅游：永州古称零陵，是我国南方开发较早的地区。零陵得名于舜葬九嶷，四千多年前，舜帝禅位于大禹后，巡守南方，“崩于苍梧之野，葬于江南九疑”《史记·五帝本纪》，舜帝，姚姓，号有虞氏，名重华，史称虞舜。他是上古五帝中最具传奇性的人物，也是最早施行道德教化的圣明之君，以致后世常以“尧天舜日”来称颂帝王盛德和太平盛世，舜帝所创立的道德文化也成为潇湘文化的源头根脉。如今这座国家历史文化名城以独特的人文
  • 学做袋袋馍 枭语迷人
    昨天儿子看火山，看的目不转睛，喊他吃饭，他说快看饱了，我走过去一瞧，原来盯着人家袋袋馍看呢，还别说，五颜六色的，一锅接一锅，要吃的人们后面排着长队等着，炒锅里的菜各式各样，任意挑选，热气腾腾的，看着确实有胃口，我叫儿子吃饭呢自己反倒也迷上了。儿子问我:"妈，你会不会做这个？"“不确定，但是妈可以试试，可能没有人家做的漂亮，特别是颜色。”“没事儿，肯定好吃。"我收藏了几个视频，晚上又看了一遍，今天上
  • 2020.7.15 星期三 （583）假期第六天 李妈妈
    今下午打算接小宝的时候因为打电话给俩宝约体验课分心，再加上带了一些东西导致我没拿钥匙直接把门关上了！车库钥匙也被锁在家里！打不开车库门，开不出车没法接小宝，我打算走着去接，出了小区正好遇到大宝同学的妈妈，拜托捎着我们到了香店！太感谢了！因为爸爸今晚加班，回家的时候又麻烦姥爷开车把我们接过去了唉！总是忘记带脑子！！！今天商量了积攒小五星的奖励方法！大宝写的认真了一阵！唉！斗智斗勇中……厦小2018级
  • 经济学原理：国际贸易和家务分工有异曲同工之妙 青驱师
    本文共947字|建议用时3分钟文|小驱“师父，明明大师兄跑得比我快，你却每天只叫我给你买烟？”师父瞅了眼正在帮自己刷厕所的大师兄：“你的比较优势在买烟上，大师兄有更需要他的地方。”……小伙伴们大家好，我是你们的小驱。大家知道比较优势吗？由于比别人擅长于某项工作，就意味着应该由那个人做吗？怎么分配工作才是合理和有效率的？你的分工分错了吗？以上问题都可以在今天的文章里找到答案，此外，比较优势还可以回答
  • 尊重他人 小夭读书
    10.14乡人傩，朝服而立于阼阶。原文解读：乡里人举行迎神驱疫的仪式时，孔子穿着朝服站在东边的台阶上。个人感悟：尊重他人是一种美德，也是一种修养。敬人者，人恒敬之。若想得到他人的尊重，要先懂得尊重他人。在生活中我们免不了要与他人相处，尊重他人，其实就是尊重我们自己。每个人都有自己的思想和行为模式，也没有哪种言论就是绝对正确的，应该认识到有每个人的观念都是平等的，然后再审视这些内容的长处和不足，取长
  • 文案｜教师节文案，祝天下所有教师，桃李满天下 文案探长
    讲道理，老师应该算是世间最幸福的职业了。工作时间短，业余时间长。一天撑死三节课，一节课40分钟，日工作时长不到3小时，妥妥的幸福钟点工。我们呢？正常一天工作8小时的已经让人心生嫉妒，多数人每天工作时长超过10小时吧？这不还有很多要996的吗？最让人羡慕的是，老师还有寒暑假，一年竟然有三个月不用上班！世界很大，想去哪儿浪去哪儿浪。写到这里，我只想问一句，现在考教师资格证还来得及吗？打住！你说老师不辛
  • 丧感 我是行者啊
    现在的社会越来越难让有点心事的人找到知音。再也回不去的过去与不想融入的环境让孤单更孤单让自我更甚。每一句不想入心的话都能在心口盘旋很久。直到自我稀释。一阵风吹过来，也能带起很多的不合时宜又恰如其分的假忧愁。一首对味的歌曲总会单曲循环无数遍，即使听不懂的歌词也会因为旋律的缘由不停的放，不停的放...不想承认是寂寞，却深陷寂寞世界里不能突围。看着眼花缭乱的各种APP，怎么也打发不了无所事事的丧感。他人
  • 分布式消息队列Kafka 叶域 大数据分布式kafkascalaspark
    分布式消息队列Kafka简介：Kafka是一个分布式消息队列系统，用于处理实时数据流。消息按照主题（Topic）进行分类存储，发送消息的实体称为Producer，接收消息的实体称为Consumer。Kafka集群由多个Kafka实例（Server）组成，每个实例称为Broker。主要用途：广泛应用于构建实时数据管道和流应用程序，适用于需要高吞吐量和低延迟的数据处理场景依赖：Kafka集群和消费者依
  • 出门在外注意安全 在人间闯荡的日子
    2019年年底疫情爆发至今我们贵州疫情管控还是蛮好的，最近遵义一人确证，紧跟着就出现了群人确证。我在这里也不过多得评判他人，做好防护，保护自己，也响应国家。近年来出现了向世界末日样的病毒，这都我们不可预知的。我们在毫无知情的情况下。从2019年，到现在，做的已经够好的一个国家，但是总有人，不顾及他人安危，做出一些不可饶恕的事。但是我们不可能去约束别人，只能保护好自己，希望大家在世界各个地方，平安健
  • 【0703我在悦读】1402-空谷幽兰 绿水青山空谷幽兰
    书名：《跃迁》识局反馈回路的特点：短期感受和长期收益总是相悖。正循环的学习、健康、投入、习惯刚开始都感觉很累，并不舒服，而负循环的开头——忙带来的充实感、不投入的安全感、工作狂的成就感，短期感受都很好。是不是可以理解为，当一个体验短期很爽的时候，我们要警惕，长远的损失是什么？当这个体验很痛苦的时候，我们一定要自我激励：长远的收益一定好！就像健身锻炼，本身体能差，锻炼起来非常费力，下次锻炼的时候，一
  • 《引爆视频号》张萌 成长的饭团
    书籍名称：《引爆视频号》作者：张萌推荐理由：在网络时代短视频每个人都不陌生，也占据了多数人的注意力。现在每个人都可以拥有自己的自媒体，也是互联网全民创业的时代。如果你错过了抖音、快手，那么视频号你一定不能错过。视频号的优势在于它自带流量，可以和公众号、朋友圈结合。轻松完成1、2级传播（好友和好友的好友）。视频号内容有三种视频号点击率高的内容，技术类的内容，分享各种小技巧、美食制作、衣服穿搭、化妆品
  • 盼望疫情早点过去 陪你今生来世
    01昨天一早看到群里发布关于我省城乡各路段解封的信息，这是否意味着疫情得到了有效控制，开学和复工有望？果不其然，关注新闻确实看到了一些令人振奋的好消息。专家们发现几种对治疗新冠肺炎有效的药物，越来越多的患者被治愈。说实话，心里也算长舒了一口气，这样下去离开学，复工的日子应该不远了。后面仓库卖料的大哥已经营业，听着来往的三轮车声响，感觉生意应该还不错。我就在想:要不要也开门营业？这两天已经有客户打电
  • 【Vue3源码实现】Ref isRef unRef proxyRefs实现 ZhaiMou vue.jsjavascript前端数据结构前端框架开发语言
    前言在上篇文章中我们了解了响应式原理，并在最后实现了reactive。上文链接Vue3响应式原理实现与track和trigger依赖收集和触发依赖在我们的日常业务中，我们有可能需要将一个基础数据类型的值也转换成响应式的，而reactive只能代理对象，我们需要对基础数据类型的值也进行读写操作的拦截，但Proxy无法实现对基础数据类型值读写操作的拦截。所以Vue设计了Ref,以及相关api本篇文章实
  • 国产十大动画片排行榜Top2：大圣落魄，无能为力。《西游记之大圣归来》 小川_d87b
    我的英雄何在？英雄何在！在漫威，DC超级英雄的接二连三的轰击之下，我们的英雄还在吗？不可否认，我自己也很喜欢漫威宇宙的金刚狼，钢铁侠，这些英雄。也喜欢DC宇宙的蝙蝠侠，闪电侠，超人这些英雄。但我却更喜欢一个中国原汁原味的英雄。很小的时候，我心中的英雄是齐天大圣，但现在，大圣安在？中国的动画产业有些急躁了。虽然中国没有日本那样完备的动画产业链，挡不住投资方的突然撤资，项目突然夭折：虽然中国的动画人才
  • 彩色的时刻 冰夫
    喜欢这样的彩色时刻：红霞、蓝月、绿山、黄河、紫花、白雪--当一种颜色与另一种颜色在一起，便会觉得美丽与甜蜜在一起。自然的颜色就是生命的颜色，生命的颜色就是心灵的颜色。彩色的心灵在天空飞舞，在大地跳跃，也在我的光阴里行走。
  • 那些让我感到优秀的句子 星河赶路人
    “最是那一低头的温柔，像一朵水莲花不胜凉风的娇羞。”想饮一些酒，让灵魂失重，好被风吹走。可一想到终将是你的路人，便觉得，沦为整个世界的路人。风虽大，都绕过我灵魂。长的不好看，优点也不多，梦想很平凡，如果说我喜欢你，你可不可以不要笑我。白酒很苦，但它不贵，姑娘虽美，但我不配，故事不长，也不难讲，喝完这杯，再谈理想聋子说放的炮不响，瞎子说点的灯不亮，瘸子说这炮很响，灯也很亮，只是这平坦的路上走起来却有
  • 鱼儿 婠执
    图片发自App一周过去了，我们终于得以相安无恙。初来乍到之时，定是嫌弃被这小小的鱼缸困囿，它们接二连三地往外跳，急欲认知外面的世界。殊不知唯有安于现状，才是最稳妥的境地。竭尽全力跳出去、轻而易举地被放回来，几次尝试未果，它们不得不重新审视周遭的“家园”。在绿叶与巨石的装点下，一切看起来也挺有乐趣，算得上是“青山绿水”。我想，在它们眼中我许是个叫不出种类的庞然大物。不看它们时，它们畅快地穿梭于曲曲绕
  • java短路运算符和逻辑运算符的区别 3213213333332132 java基础
    /* * 逻辑运算符——不论是什么条件都要执行左右两边代码 * 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的 * 原理很简单，并联电路代表短路或（||），串联电路代表短路与（&&）。 * * 并联电路两个开关只要有一个开关闭合，电路就会通。 * 类似于短路或（||），只要有其中一个为true（开关闭合）是
  • Java异常那些不得不说的事 白糖_ javaexception
    一、在finally块中做数据回收操作 比如数据库连接都是很宝贵的，所以最好在finally中关闭连接。 JDBCAgent jdbc = new JDBCAgent(); try{ jdbc.excute("select * from ctp_log"); }catch(SQLException e){ ... }finally{ jdbc.close();
  • utf-8与utf-8(无BOM)的区别 dcj3sjt126com PHP
    BOM——Byte Order Mark，就是字节序标记   在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符，它的编码是FEFF。而FFFE在UCS中是不存在的字符，所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前，先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
  • JAVA Annotation之定义篇 周凡杨 java注解annotation入门注释
        Annotation: 译为注释或注解 An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
  • tomcat的多域名、虚拟主机配置 g21121 tomcat
    众所周知apache可以配置多域名和虚拟主机，而且配置起来比较简单，但是项目用到的是tomcat，配来配去总是不成功。查了些资料才总算可以，下面就跟大家分享下经验。 很多朋友搜索的内容基本是告诉我们这么配置： 在Engine标签下增面积Host标签，如下： <Host name="www.site1.com" appBase="webapps"
  • Linux SSH 错误解析（Capistrano 的cap 访问错误 Permission ） 510888780 linuxcapistrano
    1.ssh -v [email protected] 出现 Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password). 错误 运行状况如下： OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013 debug1: Reading configuratio
  • log4j的用法 Harry642 javalog4j
    一、前言：     log4j 是一个开放源码项目，是广泛使用的以Java编写的日志记录包。由于log4j出色的表现，     当时在log4j完成时，log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类，但当时jdk1.4已接近完成，所以sun拒绝使用log4j，当在java开发中
  • mysql、sqlserver、oracle分页，java分页统一接口实现 aijuans oraclejave
    定义：pageStart 起始页，pageEnd 终止页,pageSize页面容量 oracle分页： 　　　　select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart sqlServer分页：  
  • Hessian 简单例子 antlove javaWebservicehessian
    hello.hessian.MyCar.java package hessian.pojo; import java.io.Serializable; public class MyCar implements Serializable { private static final long serialVersionUID = 473690540190845543
  • 数据库对象的同义词和序列 百合不是茶 sql序列同义词ORACLE权限
    回顾简单的数据库权限等命令; 解锁用户和锁定用户 alter user scott account lock/unlock; //system下查看系统中的用户 select * dba_users; //创建用户名和密码 create user wj identified by wj; identified by //授予连接权和建表权 grant connect to
  • 使用Powermock和mockito测试静态方法 bijian1013 持续集成单元测试mockitoPowermock
            实例： package com.bijian.study; import static org.junit.Assert.assertEquals; import java.io.IOException; import org.junit.Before; import org.junit.Test; import or
  • 精通Oracle10编程SQL(6)访问ORACLE bijian1013 oracle数据库plsql
    /* *访问ORACLE */ --检索单行数据 --使用标量变量接收数据 DECLARE v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; BEGIN select ename,sal into v_ename,v_sal from emp where empno=&no; dbms_output.pu
  • 【Nginx四】Nginx作为HTTP负载均衡服务器 bit1129 nginx
     Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统，通过负载均衡服务器，可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器，可以带来很多好处：   负载均衡的好处 增加可用资源 增加吞吐量 加快响应速度，降低延时 出错的重试验机制 Nginx主要支持三种均衡算法： round-robin l
  • jquery-validation备忘 白糖_ jquerycssF#Firebug
    留点学习jquery validation总结的代码：   function checkForm(){ validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID errorElement :"span",// 使用"div"标签标记错误， 默认:&
  • solr限制admin界面访问（端口限制和http授权限制） ronin47 限定Ip访问
    solr的管理界面可以帮助我们做很多事情，但是把solr程序放到公网之后就要限制对admin的访问了。 可以通过tomcat的http基本授权来做限制，也可以通过iptables防火墙来限制。 我们先看如何通过tomcat配置http授权限制。 第一步： 在tomcat的conf/tomcat-users.xml文件中添加管理用户，比如： <userusername="ad
  • 多线程-用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 bylijinnan java多线程
    public class IncDecThread { private int j=10; /* * 题目:用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 * 两个问题： * 1、线程同步--synchronized * 2、线程之间如何共享同一个j变量--内部类 */ public static
  • 买房历程 cfyme
        2015-06-21: 万科未来城，看房子   2015-06-26: 办理贷款手续，贷款73万，贷款利率5.65=5.3675   2015-06-27: 房子首付,签完合同   2015-06-28，央行宣布降息 0.25，就2天的时间差啊，没赶上。   首付，老婆找他的小姐妹接了5万，另外几个朋友借了1-
  • [军事与科技]制造大型太空战舰的前奏 comsci 制造
           天气热了........空调和电扇要准备好..........        最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界..........        所以,我们不得不关
  • dateformat dai_lm DateFormat
    "Symbol Meaning Presentation Ex." "------ ------- ------------ ----" "G era designator (Text) AD" "y year
  • Hadoop如何实现关联计算 datamachine mapreducehadoop关联计算
        选择Hadoop，低成本和高扩展性是主要原因，但但它的开发效率实在无法让人满意。     以关联计算为例。     假设：HDFS上有2个文件，分别是客户信息和订单信息，customerID是它们之间的关联字段。如何进行关联计算，以便将客户名称添加到订单列表中？   &nbs
  • 用户模型中修改用户信息时，密码是如何处理的 dcj3sjt126com yii
    当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦，所有我想分享一下我是怎么处理的。 场景是使用的基本的那些(系统自带)，你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。 面是它的工作流程: 当创建用户的时候密码需要加密并且保存，但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密，这
  • 中文 iOS/Mac 开发博客列表 dcj3sjt126com Blog
      本博客列表会不断更新维护，如果有推荐的博客，请到此处提交博客信息。 本博客列表涉及的文章内容支持 定制化Google搜索，特别感谢 JeOam 提供并帮助更新。 本博客列表也提供同步更新的OPML文件（下载OPML文件），可供导入到例如feedly等第三方定阅工具中，特别感谢 lcepy 提供自动转换脚本。这里有导入教程。
  • js去除空格，去除左右两端的空格 蕃薯耀 去除左右两端的空格js去掉所有空格js去除空格
    js去除空格，去除左右两端的空格 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
  • SpringMVC4零配置--web.xml hanqunfeng springmvc4
    servlet3.0+规范后，允许servlet，filter，listener不必声明在web.xml中，而是以硬编码的方式存在，实现容器的零配置。 ServletContainerInitializer：启动容器时负责加载相关配置 package javax.servlet; import java.util.Set; public interface ServletContainer
  • 《开源框架那些事儿21》：巧借力与借巧力 j2eetop 框架UI
    同样做前端UI，为什么有人花了一点力气，就可以做好？而有的人费尽全力，仍然错误百出？我们可以先看看几个故事。 故事1：巧借力，乌鸦也可以吃核桃 有一个盛产核桃的村子，每年秋末冬初，成群的乌鸦总会来到这里，到果园里捡拾那些被果农们遗落的核桃。 核桃仁虽然美味，但是外壳那么坚硬，乌鸦怎么才能吃到呢？原来乌鸦先把核桃叼起，然后飞到高高的树枝上，再将核桃摔下去，核桃落到坚硬的地面上，被撞破了，于是，
  • JQuery EasyUI 验证扩展 可怜的猫 jqueryeasyui验证
      最近项目中用到了前端框架-- EasyUI，在做校验的时候会涉及到很多需要自定义的内容，现把常用的验证方式总结出来，留待后用。   以下内容只需要在公用js中添加即可。   使用类似于如下： <input class="easyui-textbox" name="mobile" id="mobile&
  • 架构师之httpurlconnection----------读取和发送(流读取效率通用类) nannan408
    1.前言.    如题. 2.代码. /* * Copyright (c) 2015, S.F. Express Inc. All rights reserved. */ package com.test.test.test.send; import java.io.IOException; import java.io.InputStream
  • Jquery性能优化 r361251 JavaScriptjquery
    一、注意定义jQuery变量的时候添加var关键字 这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成如下： $loading = $('#loading'); //这个是全局定义，不知道哪里位置倒霉引用了相同的变量名，就会郁闷至死的 二、请使用一个var来定义变量 如果你使用多个变量的话，请如下方式定义： . 代码如下: var page
  • 在eclipse项目中使用maven管理依赖 tjj006 eclipsemaven
    概览: 如何导入maven项目至eclipse中 建立自有Maven  Java类库服务器 建立符合maven代码库标准的自定义类库 Maven在管理Java类库方面有巨大的优势，像白衣所说就是非常“环保”。 我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下，然后全部添加到ide的构建路径中，如果用了SVN/CVS，这样会很容易就 把
  • 中国天气网省市级联页面 x125858805 级联
    1、页面及级联js <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> &l
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他