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

fix(appflowy_flutter): fix cover image overflow #1916 (#1952)

Browse Source 
* fix(appflowy_flutter): fix cover image overflow #1916

* fix(appflowy_flutter): use OverflowBox to fix #1916

* chore: fix misspelling

* fix: prevent the image being overstretched

---------

Co-authored-by: Lucas.Xu <lucas.xu@appflowy.io>
This commit is contained in:
Yijing Huang 2023-03-11 21:15:34 +08:00 committed by GitHub
parent 668e1196d1
commit 972ef2149c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/appflowy_flutter/lib/plugins/document/presentation/plugins/cover/cover_node_widget.dart
View File

@ -194,7 +194,7 @@ class _CoverImageState extends State<_CoverImage> {
Widget build(BuildContext context) {
return Stack(
children: [
_buildCoverImage(context),
_buildCoverImage(context, widget.editorState),
_buildCoverOverlayButtons(context),
],
);
@ -251,7 +251,7 @@ class _CoverImageState extends State<_CoverImage> {
);
}
Widget _buildCoverImage(BuildContext context) {
Widget _buildCoverImage(BuildContext context, EditorState editorState) {
final screenSize = MediaQuery.of(context).size;
const height = 200.0;
final Widget coverImage;
@ -281,12 +281,17 @@ class _CoverImageState extends State<_CoverImage> {
coverImage = const SizedBox(); // just an empty sizebox
break;
}
return UnconstrainedBox(
child: Container(
padding: const EdgeInsets.only(bottom: 10),
height: height,
width: screenSize.width,
child: coverImage,
//OverflowBox needs to be wraped by a widget with constraints(or from its parent) first,otherwise it will occur an erorr
return SizedBox(
height: height,
child: OverflowBox(
maxWidth: screenSize.width,
child: Container(
padding: const EdgeInsets.only(bottom: 10),
height: double.infinity,
width: double.infinity,
child: coverImage,
),
),
);
}