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] Update overlay example with anchored and positioned mode

Browse Source
This commit is contained in:
Jaylen Bian 2021-08-01 11:11:00 +08:00
parent 80cb0f9fa1
commit a6a350a831
1 changed files with 33 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -44,7 +44,7 @@ class OverlayScreen extends StatelessWidget {
),
ElevatedButton(
onPressed: () {
FlowyOverlay.of(context).insert(
FlowyOverlay.of(context).insertCustom(
widget: const FlutterLogo(
size: 200,
),
@ -54,6 +54,38 @@ 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'),
),
const SizedBox(height: 12.0),
ElevatedButton(
onPressed: () {
final windowSize = MediaQuery.of(context).size;
FlowyOverlay.of(context).insertWithRect(
widget: const FlutterLogo(
size: 200,
textColor: Colors.orange,
),
identifier: 'overlay_flutter_logo',
delegate: null,
anchorPosition: Offset(0, windowSize.height - 200),
anchorSize: Size.zero,
);
},
child: const Text('Show Positioned Overlay'),
),
],
));
}