mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
082ca7c2c0
This patch adds a new (non-Render) StyleNode which takes two arguments: A (content) node, which it wraps and a Style object. This allows for styles to be applied to Nodes which are constructed elsewhere (e.g. passed in as arguments). R=abarth@chromium.org Review URL: https://codereview.chromium.org/1027653002
85 lines
2.3 KiB
Dart
85 lines
2.3 KiB
Dart
// Copyright 2015 The Chromium Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
import '../animation/scroll_behavior.dart';
|
|
import '../fn.dart';
|
|
import 'dart:math' as math;
|
|
import 'dart:sky' as sky;
|
|
import 'scrollable.dart';
|
|
|
|
abstract class FixedHeightScrollable extends Scrollable {
|
|
static final Style _style = new Style('''
|
|
overflow: hidden;
|
|
position: relative;
|
|
will-change: transform;'''
|
|
);
|
|
|
|
static final Style _scrollAreaStyle = new Style('''
|
|
position:relative;
|
|
will-change: transform;'''
|
|
);
|
|
|
|
double _height = 0.0;
|
|
double _itemHeight;
|
|
|
|
FixedHeightScrollable({
|
|
Object key,
|
|
ScrollBehavior scrollBehavior
|
|
}) : super(key: key, scrollBehavior: scrollBehavior) {
|
|
onDidMount(_measureHeights);
|
|
}
|
|
|
|
void _measureHeights() {
|
|
var root = getRoot();
|
|
var item = root.firstChild.firstChild;
|
|
sky.ClientRect scrollRect = root.getBoundingClientRect();
|
|
sky.ClientRect itemRect = item.getBoundingClientRect();
|
|
assert(scrollRect.height > 0);
|
|
assert(itemRect.height > 0);
|
|
|
|
setState(() {
|
|
_height = scrollRect.height;
|
|
_itemHeight = itemRect.height;
|
|
});
|
|
}
|
|
|
|
Node buildContent() {
|
|
var itemNumber = 0;
|
|
var drawCount = 1;
|
|
var transformStyle = '';
|
|
|
|
if (_height > 0.0) {
|
|
if (scrollOffset < 0.0) {
|
|
double visibleHeight = _height + scrollOffset;
|
|
drawCount = (visibleHeight / _itemHeight).round() + 1;
|
|
transformStyle =
|
|
'transform: translateY(${(-scrollOffset).toStringAsFixed(2)}px)';
|
|
} else {
|
|
drawCount = (_height / _itemHeight).round() + 1;
|
|
double alignmentOffset = math.max(0.0, scrollOffset);
|
|
double alignmentDelta = -scrollOffset % _itemHeight;
|
|
if (alignmentDelta != 0.0)
|
|
alignmentDelta -= _itemHeight;
|
|
|
|
double drawStart = scrollOffset + alignmentDelta;
|
|
itemNumber = math.max(0, (drawStart / _itemHeight).floor());
|
|
|
|
transformStyle =
|
|
'transform: translateY(${(alignmentDelta).toStringAsFixed(2)}px)';
|
|
}
|
|
}
|
|
|
|
return new Container(
|
|
style: _style,
|
|
children: [
|
|
new Container(
|
|
style: _scrollAreaStyle,
|
|
inlineStyle: transformStyle,
|
|
children: buildItems(itemNumber, drawCount)
|
|
)
|
|
]
|
|
);
|
|
}
|
|
}
|