mirror of
https://github.com/AppFlowy-IO/AppFlowy.git
synced 2024-08-30 18:12:39 +00:00
[infra_ui][overlar] Update overlay example with anchored and positioned mode
This commit is contained in:
parent
80cb0f9fa1
commit
a6a350a831
@ -44,7 +44,7 @@ class OverlayScreen extends StatelessWidget {
|
|||||||
),
|
),
|
||||||
ElevatedButton(
|
ElevatedButton(
|
||||||
onPressed: () {
|
onPressed: () {
|
||||||
FlowyOverlay.of(context).insert(
|
FlowyOverlay.of(context).insertCustom(
|
||||||
widget: const FlutterLogo(
|
widget: const FlutterLogo(
|
||||||
size: 200,
|
size: 200,
|
||||||
),
|
),
|
||||||
@ -54,6 +54,38 @@ class OverlayScreen extends StatelessWidget {
|
|||||||
},
|
},
|
||||||
child: const Text('Show Overlay'),
|
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'),
|
||||||
|
),
|
||||||
],
|
],
|
||||||
));
|
));
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user