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

[flutter]: add scrollbar to the doc page

Browse Source
This commit is contained in:
appflowy 2021-10-26 22:38:47 +08:00
parent 43d7636269
commit e1b7ff66f4
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app_flowy/lib/workspace/presentation/stack_page/doc/doc_page.dart
View File

@ -1,6 +1,8 @@
import 'dart:io';
import 'package:app_flowy/startup/startup.dart';
import 'package:app_flowy/workspace/application/doc/doc_bloc.dart';
import 'package:flowy_infra_ui/style_widget/scrolling/styled_scroll_bar.dart';
import 'package:flowy_infra_ui/widget/spacing.dart';
import 'package:flutter_quill/flutter_quill.dart';
import 'package:flowy_infra_ui/style_widget/progress_indicator.dart';
import 'package:flowy_infra_ui/widget/error_page.dart';
@ -22,6 +24,7 @@ class DocPage extends StatefulWidget {
class _DocPageState extends State<DocPage> {
late DocBloc docBloc;
final scrollController = ScrollController();
final FocusNode _focusNode = FocusNode();
@override
@ -63,9 +66,11 @@ class _DocPageState extends State<DocPage> {
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
_renderEditor(controller),
const VSpace(10),
_renderToolbar(controller),
const VSpace(10),
],
).padding(horizontal: 80, top: 48);
).padding(horizontal: 40, top: 28);
}
Widget _renderEditor(QuillController controller) {
@ -78,10 +83,16 @@ class _DocPageState extends State<DocPage> {
padding: const EdgeInsets.symmetric(horizontal: 8.0),
readOnly: false,
scrollBottomInset: 0,
scrollController: ScrollController(),
scrollController: scrollController,
);
return Expanded(
child: Padding(padding: const EdgeInsets.all(10), child: editor),
child: ScrollbarListStack(
axis: Axis.vertical,
controller: scrollController,
barSize: 6.0,
child: Padding(padding: EdgeInsets.zero, child: editor),
),
);
}