Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

[infra_ui][overlar] Implement overlay insertion interface

Browse Source
This commit is contained in:
Jaylen Bian 2021-08-01 18:03:24 +08:00
parent a6a350a831
commit 58e4a4d5f1
3 changed files with 29 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
app_flowy/packages/flowy_infra_ui/example/lib/overlay/overlay_screen.dart
View File

@ -55,20 +55,22 @@ class OverlayScreen extends StatelessWidget {
child: const Text('Show Overlay'),
),
const SizedBox(height: 12.0),
ElevatedButton(
onPressed: () {
FlowyOverlay.of(context).insertWithAnchor(
widget: const FlutterLogo(
size: 200,
textColor: Colors.orange,
),
identifier: 'overlay_flutter_logo',
delegate: null,
anchorContext: context,
);
},
child: const Text('Show Anchored Overlay'),
),
Builder(builder: (buttonContext) {
return ElevatedButton(
onPressed: () {
FlowyOverlay.of(context).insertWithAnchor(
widget: const FlutterLogo(
size: 200,
textColor: Colors.orange,
),
identifier: 'overlay_flutter_logo',
delegate: null,
anchorContext: buttonContext,
);
},
child: const Text('Show Anchored Overlay'),
);
}),
const SizedBox(height: 12.0),
ElevatedButton(
onPressed: () {

15
app_flowy/packages/flowy_infra_ui/lib/src/flowy_overlay/flowy_overlay.dart
View File

@ -201,17 +201,24 @@ class FlowyOverlayState extends State<FlowyOverlay> {
anchorPosition != null || anchorContext != null,
'Must provide `anchorPosition` or `anchorContext` to locating overlay.',
);
var targetAnchorPosition = anchorPosition;
Offset targetAnchorPosition = anchorPosition ?? Offset.zero;
Size targetAnchorSize = anchorSize ?? Size.zero;
if (anchorContext != null) {
RenderObject renderObject = anchorContext.findRenderObject()!;
assert(
renderObject is RenderBox,
'Unexpect non-RenderBox render object caught.',
);
final localOffset = (renderObject as RenderBox).localToGlobal(Offset.zero);
targetAnchorPosition ??= localOffset;
final renderBox = renderObject as RenderBox;
targetAnchorPosition = renderBox.localToGlobal(Offset.zero);
targetAnchorSize = renderBox.size;
}
final anchorRect = targetAnchorPosition! & (anchorSize ?? Size.zero);
final anchorRect = Rect.fromLTWH(
targetAnchorPosition.dx,
targetAnchorPosition.dy,
targetAnchorSize.width,
targetAnchorSize.height,
);
overlay = CustomSingleChildLayout(
delegate: OverlayLayoutDelegate(
anchorRect: anchorRect,

10
app_flowy/packages/flowy_infra_ui/lib/src/flowy_overlay/overlay_layout_delegate.dart
View File

@ -19,20 +19,14 @@ class OverlayLayoutDelegate extends SingleChildLayoutDelegate {
return anchorRect != oldDelegate.anchorRect || anchorDirection != oldDelegate.anchorDirection;
}
@override
Size getSize(BoxConstraints constraints) {
return super.getSize(constraints);
}
@override
BoxConstraints getConstraintsForChild(BoxConstraints constraints) {
// TODO: junlin - calculate child constaints
return super.getConstraintsForChild(constraints);
return constraints.loosen();
}
@override
Offset getPositionForChild(Size size, Size childSize) {
// TODO: junlin - calculate child position
return Offset(size.width / 2, size.height / 2);
return Offset(anchorRect.width / 2, anchorRect.height / 2);
}
}