generated from dellevin/template
1041 lines
44 KiB
Dart
1041 lines
44 KiB
Dart
import 'dart:io';
|
||
import 'dart:async';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter_markdown_plus/flutter_markdown_plus.dart';
|
||
import 'package:provider/provider.dart';
|
||
import 'package:image_picker/image_picker.dart';
|
||
import 'package:path/path.dart' as p;
|
||
import 'package:uuid/uuid.dart';
|
||
import '../../providers/app_provider.dart';
|
||
import '../../widgets/fade_in_local_image.dart';
|
||
import '../../models/data_models.dart';
|
||
import '../../utils/toast_util.dart';
|
||
import '../../utils/image_path_helper.dart';
|
||
import '../../utils/responsive.dart';
|
||
import '../../widgets/tag_side_panel.dart';
|
||
import '../../widgets/vditor_editor.dart';
|
||
import 'note_share_page.dart';
|
||
|
||
/// 笔记详情页
|
||
class NoteDetailPage extends StatefulWidget {
|
||
final Note note;
|
||
final bool embedded;
|
||
|
||
const NoteDetailPage({super.key, required this.note, this.embedded = false});
|
||
|
||
@override
|
||
State<NoteDetailPage> createState() => _NoteDetailPageState();
|
||
}
|
||
|
||
class _NoteDetailPageState extends State<NoteDetailPage> {
|
||
static const _weekdays = ['一', '二', '三', '四', '五', '六', '日'];
|
||
|
||
// ─── 编辑模式 ───
|
||
bool _isEditing = false;
|
||
String _editMode = 'edit'; // 'edit' | 'preview'
|
||
late TextEditingController _titleCtrl;
|
||
late TextEditingController _contentCtrl;
|
||
List<String> _editTags = [];
|
||
List<String> _editImages = [];
|
||
Timer? _autoSaveTimer;
|
||
String _saveStatus = '';
|
||
final ImagePicker _picker = ImagePicker();
|
||
final _vditorKey = GlobalKey<VditorEditorState>();
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
_titleCtrl = TextEditingController(text: widget.note.title);
|
||
_contentCtrl = TextEditingController(text: widget.note.content);
|
||
_editTags = List.from(widget.note.tags);
|
||
_editImages = List.from(widget.note.images);
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
_autoSaveTimer?.cancel();
|
||
_titleCtrl.dispose();
|
||
_contentCtrl.dispose();
|
||
super.dispose();
|
||
}
|
||
|
||
void _enterEditMode() {
|
||
final latest = context.read<AppProvider>().notes
|
||
.where((n) => n.id == widget.note.id).firstOrNull ?? widget.note;
|
||
_titleCtrl.text = latest.title;
|
||
_contentCtrl.text = latest.content;
|
||
_editTags = List.from(latest.tags);
|
||
_editImages = List.from(latest.images);
|
||
_saveStatus = '';
|
||
setState(() => _isEditing = true);
|
||
}
|
||
|
||
void _onContentChanged() {
|
||
_autoSaveTimer?.cancel();
|
||
_autoSaveTimer = Timer(const Duration(seconds: 2), () {
|
||
if (mounted) _autoSave();
|
||
});
|
||
}
|
||
|
||
Future<void> _autoSave() async {
|
||
String content;
|
||
if (Platform.isWindows && _vditorKey.currentState != null && _vditorKey.currentState!.isReady) {
|
||
content = (await _vditorKey.currentState!.getValue()).trim();
|
||
} else {
|
||
content = _contentCtrl.text.trim();
|
||
}
|
||
final title = _titleCtrl.text.trim();
|
||
if (title.isEmpty && content.isEmpty) return;
|
||
try {
|
||
final latest = context.read<AppProvider>().notes
|
||
.where((n) => n.id == widget.note.id).firstOrNull ?? widget.note;
|
||
final updated = latest.copyWith(
|
||
title: title, content: content, tags: _editTags, images: _editImages,
|
||
updatedAt: DateTime.now(),
|
||
);
|
||
await context.read<AppProvider>().updateNote(updated);
|
||
if (mounted) {
|
||
setState(() => _saveStatus = 'saved');
|
||
Future.delayed(const Duration(seconds: 3), () {
|
||
if (mounted && _saveStatus == 'saved') setState(() => _saveStatus = '');
|
||
});
|
||
}
|
||
} catch (_) {}
|
||
}
|
||
|
||
Future<void> _saveEdit() async {
|
||
_autoSaveTimer?.cancel();
|
||
final title = _titleCtrl.text.trim();
|
||
String content;
|
||
if (Platform.isWindows && _vditorKey.currentState != null && _vditorKey.currentState!.isReady) {
|
||
content = (await _vditorKey.currentState!.getValue()).trim();
|
||
} else {
|
||
content = _contentCtrl.text.trim();
|
||
}
|
||
if (title.isEmpty && content.isEmpty) {
|
||
ToastUtil.show(context, '标题或内容不能为空');
|
||
return;
|
||
}
|
||
try {
|
||
final latest = context.read<AppProvider>().notes
|
||
.where((n) => n.id == widget.note.id).firstOrNull ?? widget.note;
|
||
final updated = latest.copyWith(
|
||
title: title, content: content, tags: _editTags, images: _editImages,
|
||
updatedAt: DateTime.now(),
|
||
);
|
||
await context.read<AppProvider>().updateNote(updated);
|
||
if (!mounted) return;
|
||
ToastUtil.show(context, '保存成功');
|
||
setState(() => _isEditing = false);
|
||
} catch (e) {
|
||
if (mounted) ToastUtil.show(context, '保存失败: $e');
|
||
}
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
final note = context.watch<AppProvider>().notes.firstWhere(
|
||
(n) => n.id == widget.note.id,
|
||
orElse: () => widget.note,
|
||
);
|
||
|
||
if (Breakpoint.isDesktop(context)) {
|
||
return _buildDesktopStyle(note, colors);
|
||
}
|
||
return Scaffold(
|
||
backgroundColor: colors.surface,
|
||
appBar: AppBar(
|
||
leading: widget.embedded
|
||
? IconButton(
|
||
icon: const Icon(Icons.arrow_back),
|
||
onPressed: () => context.read<AppProvider>().selectNote(null),
|
||
)
|
||
: null,
|
||
titleSpacing: 0,
|
||
title: Text(
|
||
note.title.isNotEmpty
|
||
? note.title
|
||
: _truncateContent(note.content),
|
||
overflow: TextOverflow.ellipsis,
|
||
maxLines: 1,
|
||
),
|
||
),
|
||
body: Stack(
|
||
children: [
|
||
Column(
|
||
children: [
|
||
Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 6),
|
||
decoration: BoxDecoration(
|
||
border: Border(
|
||
bottom: BorderSide(color: colors.outlineVariant, width: 0.5),
|
||
),
|
||
),
|
||
child: Row(
|
||
children: [
|
||
Text(
|
||
'${note.createdAt.day}',
|
||
style: TextStyle(
|
||
fontSize: 30,
|
||
fontWeight: FontWeight.w200,
|
||
color: colors.onSurface.withValues(alpha: 0.75),
|
||
height: 1.0,
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Text(
|
||
'${note.createdAt.year}/${note.createdAt.month.toString().padLeft(2, '0')} 周${_weekdays[note.createdAt.weekday - 1]}',
|
||
style: TextStyle(fontSize: 11, fontWeight: FontWeight.w500, color: colors.onSurface.withValues(alpha: 0.55)),
|
||
),
|
||
const SizedBox(height: 1),
|
||
Text(
|
||
'${note.createdAt.hour.toString().padLeft(2, '0')}:${note.createdAt.minute.toString().padLeft(2, '0')}',
|
||
style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.4)),
|
||
),
|
||
],
|
||
),
|
||
const Spacer(),
|
||
Text(
|
||
'${note.content.length} 字',
|
||
style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.35)),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
|
||
if (note.tags.isNotEmpty)
|
||
Padding(
|
||
padding: const EdgeInsets.only(top: 6),
|
||
child: _buildTagRow(note.tags),
|
||
),
|
||
|
||
Expanded(
|
||
child: Markdown(
|
||
data: note.content,
|
||
styleSheet: _buildMarkdownStyleSheet(colors),
|
||
padding: const EdgeInsets.all(16),
|
||
// ignore: deprecated_member_use
|
||
imageBuilder: (uri, title, alt) => _buildMarkdownImage(uri, note),
|
||
),
|
||
),
|
||
|
||
if (note.images.isNotEmpty) _buildImageRow(note.images),
|
||
],
|
||
),
|
||
|
||
Positioned(
|
||
right: 16,
|
||
bottom: 24,
|
||
child: _buildFloatingActionButtons(),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
/// 桌面端布局
|
||
Widget _buildDesktopStyle(Note note, ColorScheme colors) {
|
||
if (_isEditing) return _buildDesktopEditStyle(note, colors);
|
||
return Scaffold(
|
||
backgroundColor: colors.surface,
|
||
body: Column(
|
||
children: [
|
||
// 顶栏
|
||
Container(
|
||
height: 52,
|
||
decoration: BoxDecoration(
|
||
color: colors.surface,
|
||
border: Border(bottom: BorderSide(color: colors.outlineVariant, width: 0.5)),
|
||
),
|
||
child: Row(children: [
|
||
const SizedBox(width: 8),
|
||
IconButton(
|
||
icon: Icon(Icons.arrow_back, color: colors.onSurface, size: 18),
|
||
onPressed: widget.embedded
|
||
? () => context.read<AppProvider>().selectNote(null)
|
||
: () => Navigator.pop(context),
|
||
),
|
||
Expanded(
|
||
child: Text(
|
||
note.title.isNotEmpty ? note.title : _truncateContent(note.content),
|
||
style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: colors.onSurface.withValues(alpha: 0.6)),
|
||
maxLines: 1, overflow: TextOverflow.ellipsis),
|
||
),
|
||
const SizedBox(width: 16),
|
||
]),
|
||
),
|
||
// 内容区（限宽居中）
|
||
Expanded(
|
||
child: ListView(
|
||
padding: const EdgeInsets.symmetric(vertical: 32),
|
||
children: [
|
||
Center(child: ConstrainedBox(constraints: const BoxConstraints(maxWidth: 720),
|
||
child: Padding(padding: const EdgeInsets.symmetric(horizontal: 48),
|
||
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||
// 标题
|
||
if (note.title.isNotEmpty)
|
||
Text(note.title, style: TextStyle(fontSize: 28, fontWeight: FontWeight.w700, color: colors.onSurface, height: 1.3)),
|
||
// 日期 + 字数
|
||
const SizedBox(height: 12),
|
||
Row(children: [
|
||
Text('${note.createdAt.year}/${note.createdAt.month.toString().padLeft(2, '0')}/${note.createdAt.day.toString().padLeft(2, '0')} 周${_weekdays[note.createdAt.weekday - 1]}',
|
||
style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.4))),
|
||
const SizedBox(width: 12),
|
||
Text('${note.createdAt.hour.toString().padLeft(2, '0')}:${note.createdAt.minute.toString().padLeft(2, '0')}',
|
||
style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.4))),
|
||
const SizedBox(width: 12),
|
||
Text('${note.content.length} 字',
|
||
style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.4))),
|
||
]),
|
||
// 标签
|
||
if (note.tags.isNotEmpty) ...[
|
||
const SizedBox(height: 12),
|
||
Wrap(spacing: 6, runSpacing: 4, children: [
|
||
for (final tag in note.tags)
|
||
Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
|
||
decoration: BoxDecoration(
|
||
color: colors.primaryContainer,
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: Text(tag, style: TextStyle(fontSize: 12, color: colors.onPrimaryContainer, fontWeight: FontWeight.w500)),
|
||
),
|
||
]),
|
||
],
|
||
const SizedBox(height: 24),
|
||
// Markdown 内容
|
||
Markdown(
|
||
data: note.content,
|
||
styleSheet: _buildMarkdownStyleSheet(colors),
|
||
padding: EdgeInsets.zero,
|
||
shrinkWrap: true,
|
||
physics: const NeverScrollableScrollPhysics(),
|
||
// ignore: deprecated_member_use
|
||
imageBuilder: (uri, title, alt) => _buildMarkdownImage(uri, note),
|
||
),
|
||
if (note.images.isNotEmpty) ...[
|
||
const SizedBox(height: 16),
|
||
_buildImageRow(note.images),
|
||
],
|
||
const SizedBox(height: 48),
|
||
]),
|
||
),
|
||
)),
|
||
],
|
||
),
|
||
),
|
||
// 底部操作栏
|
||
Container(
|
||
height: 52,
|
||
decoration: BoxDecoration(
|
||
color: colors.surface,
|
||
border: Border(top: BorderSide(color: colors.outlineVariant, width: 0.5)),
|
||
),
|
||
padding: const EdgeInsets.symmetric(horizontal: 24),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.end,
|
||
children: [
|
||
OutlinedButton.icon(
|
||
onPressed: () => _showDeleteDialog(context),
|
||
icon: Icon(Icons.delete_outline, size: 16, color: colors.error),
|
||
label: Text('删除', style: TextStyle(color: colors.error)),
|
||
style: OutlinedButton.styleFrom(
|
||
side: BorderSide(color: colors.error.withValues(alpha: 0.3)),
|
||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
||
),
|
||
),
|
||
const SizedBox(width: 12),
|
||
FilledButton.icon(
|
||
onPressed: _enterEditMode,
|
||
icon: const Icon(Icons.edit_outlined, size: 16),
|
||
label: const Text('编辑'),
|
||
style: FilledButton.styleFrom(
|
||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
// ─── 桌面端编辑模式：左编辑 + 右预览 ────────────────────────────
|
||
|
||
Widget _buildDesktopEditStyle(Note note, ColorScheme colors) {
|
||
return Scaffold(
|
||
backgroundColor: colors.surface,
|
||
body: Column(
|
||
children: [
|
||
// 顶栏
|
||
Container(
|
||
height: 52,
|
||
decoration: BoxDecoration(color: colors.surface,
|
||
border: Border(bottom: BorderSide(color: colors.outlineVariant, width: 0.5))),
|
||
child: Row(children: [
|
||
const SizedBox(width: 8),
|
||
IconButton(icon: Icon(Icons.close, color: colors.onSurface, size: 18),
|
||
onPressed: () { _autoSaveTimer?.cancel(); if (_saveStatus == 'saved') _autoSave(); setState(() => _isEditing = false); }),
|
||
Expanded(child: Text(_titleCtrl.text.isNotEmpty ? _titleCtrl.text : '编辑笔记',
|
||
style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: colors.onSurface.withValues(alpha: 0.6)),
|
||
maxLines: 1, overflow: TextOverflow.ellipsis)),
|
||
// 编辑/预览切换
|
||
Container(
|
||
padding: const EdgeInsets.all(2),
|
||
decoration: BoxDecoration(color: colors.surfaceContainerHighest, borderRadius: BorderRadius.circular(6)),
|
||
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||
_editModeChip(Icons.edit_outlined, '编辑', 'edit', colors),
|
||
_editModeChip(Icons.visibility_outlined, '预览', 'preview', colors),
|
||
]),
|
||
),
|
||
const SizedBox(width: 12),
|
||
if (_saveStatus == 'saved')
|
||
Padding(padding: const EdgeInsets.only(right: 8),
|
||
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||
Container(width: 6, height: 6, decoration: const BoxDecoration(color: Colors.green, shape: BoxShape.circle)),
|
||
const SizedBox(width: 4),
|
||
Text('已保存', style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.4))),
|
||
])),
|
||
FilledButton.icon(onPressed: _saveEdit,
|
||
icon: const Icon(Icons.check, size: 16), label: const Text('保存'),
|
||
style: FilledButton.styleFrom(padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)))),
|
||
const SizedBox(width: 16),
|
||
]),
|
||
),
|
||
// 主体
|
||
Expanded(
|
||
child: _editMode == 'edit' ? _buildEditArea(colors, note) : _buildPreviewArea(colors, note),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _editModeChip(IconData icon, String label, String mode, ColorScheme colors) {
|
||
final active = _editMode == mode;
|
||
return GestureDetector(onTap: () => setState(() => _editMode = mode),
|
||
child: Container(padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 5),
|
||
decoration: BoxDecoration(
|
||
color: active ? colors.surface : Colors.transparent,
|
||
borderRadius: BorderRadius.circular(4),
|
||
boxShadow: active ? [BoxShadow(color: colors.onSurface.withValues(alpha: 0.03), blurRadius: 2)] : null),
|
||
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||
Icon(icon, size: 14, color: active ? colors.onSurface : colors.onSurface.withValues(alpha: 0.4)),
|
||
const SizedBox(width: 4),
|
||
Text(label, style: TextStyle(fontSize: 12, fontWeight: active ? FontWeight.w500 : FontWeight.normal,
|
||
color: active ? colors.onSurface : colors.onSurface.withValues(alpha: 0.4))),
|
||
])));
|
||
}
|
||
|
||
Widget _buildEditArea(ColorScheme colors, Note note) {
|
||
final isWin = Platform.isWindows;
|
||
return Column(children: [
|
||
// 标题输入（Windows: 更大更醒目）
|
||
Container(
|
||
padding: EdgeInsets.symmetric(horizontal: isWin ? 48 : 16, vertical: isWin ? 16 : 8),
|
||
decoration: BoxDecoration(border: Border(bottom: BorderSide(color: colors.outlineVariant, width: 0.5))),
|
||
child: Center(child: ConstrainedBox(constraints: const BoxConstraints(maxWidth: 720),
|
||
child: TextField(controller: _titleCtrl, maxLines: 1,
|
||
style: TextStyle(fontSize: isWin ? 22 : 16, fontWeight: FontWeight.w700, color: colors.onSurface, height: 1.4),
|
||
decoration: InputDecoration(hintText: '添加标题',
|
||
hintStyle: TextStyle(fontSize: isWin ? 22 : 16, fontWeight: FontWeight.w700, color: colors.onSurface.withValues(alpha: 0.2), height: 1.4),
|
||
border: InputBorder.none, enabledBorder: InputBorder.none, focusedBorder: InputBorder.none, isDense: true, contentPadding: EdgeInsets.zero),
|
||
onChanged: (_) => setState(() {})),
|
||
)),
|
||
),
|
||
// Windows: 标签栏（彩色药丸样式）
|
||
if (isWin)
|
||
Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 48, vertical: 8),
|
||
child: Center(child: ConstrainedBox(constraints: const BoxConstraints(maxWidth: 720),
|
||
child: Align(
|
||
alignment: Alignment.centerLeft,
|
||
child: SingleChildScrollView(
|
||
scrollDirection: Axis.horizontal,
|
||
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||
for (int i = 0; i < _editTags.length; i++)
|
||
Padding(
|
||
padding: const EdgeInsets.only(right: 6),
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
|
||
decoration: BoxDecoration(
|
||
color: colors.primaryContainer,
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||
Text(_editTags[i], style: TextStyle(fontSize: 12, color: colors.onPrimaryContainer, fontWeight: FontWeight.w500)),
|
||
const SizedBox(width: 4),
|
||
GestureDetector(
|
||
onTap: () => setState(() => _editTags.removeAt(i)),
|
||
child: Icon(Icons.close, size: 12, color: colors.onPrimaryContainer.withValues(alpha: 0.6)),
|
||
),
|
||
]),
|
||
),
|
||
),
|
||
GestureDetector(
|
||
onTap: _showEditTagPanel,
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 5),
|
||
decoration: BoxDecoration(
|
||
borderRadius: BorderRadius.circular(12),
|
||
border: Border.all(color: colors.outline.withValues(alpha: 0.3), width: 1),
|
||
),
|
||
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||
Icon(Icons.add, size: 14, color: colors.onSurface.withValues(alpha: 0.4)),
|
||
const SizedBox(width: 3),
|
||
Text('标签', style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.4))),
|
||
]),
|
||
),
|
||
),
|
||
]),
|
||
),
|
||
),
|
||
)),
|
||
),
|
||
// 内容编辑（Windows: 限宽居中）
|
||
Expanded(
|
||
child: isWin
|
||
? Center(child: ConstrainedBox(constraints: const BoxConstraints(maxWidth: 720),
|
||
child: VditorEditor(
|
||
key: _vditorKey,
|
||
initialContent: _contentCtrl.text,
|
||
noteId: widget.note.id,
|
||
isDark: Theme.of(context).brightness == Brightness.dark,
|
||
surfaceColor: colors.surface,
|
||
onContentChanged: (value) {
|
||
_contentCtrl.text = value;
|
||
_onContentChanged();
|
||
},
|
||
),
|
||
))
|
||
: TextField(controller: _contentCtrl, maxLines: null, expands: true,
|
||
textAlignVertical: TextAlignVertical.top,
|
||
strutStyle: const StrutStyle(forceStrutHeight: true, height: 1.6, fontSize: 14),
|
||
style: TextStyle(fontSize: 14, color: colors.onSurface, height: 1.6),
|
||
decoration: InputDecoration(hintText: '使用 Markdown 格式书写...',
|
||
hintStyle: TextStyle(fontSize: 14, color: colors.onSurface.withValues(alpha: 0.25), height: 1.6),
|
||
border: InputBorder.none, enabledBorder: InputBorder.none, focusedBorder: InputBorder.none,
|
||
contentPadding: const EdgeInsets.all(16)),
|
||
onChanged: (_) => _onContentChanged()),
|
||
),
|
||
// 图片网格
|
||
if (_editImages.isNotEmpty) _buildEditImageGrid(colors),
|
||
// 底部标签 + 字数 + 工具栏（仅非 Windows）
|
||
if (!isWin)
|
||
Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 6),
|
||
decoration: BoxDecoration(border: Border(top: BorderSide(color: colors.outlineVariant, width: 0.5))),
|
||
child: Column(children: [
|
||
// 标签行
|
||
Wrap(spacing: 6, runSpacing: 4, children: [
|
||
for (int i = 0; i < _editTags.length; i++) Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
||
decoration: BoxDecoration(color: colors.surfaceContainerHighest, borderRadius: BorderRadius.circular(6)),
|
||
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||
Text(_editTags[i], style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.6))),
|
||
const SizedBox(width: 3),
|
||
GestureDetector(onTap: () => setState(() => _editTags.removeAt(i)),
|
||
child: Icon(Icons.close, size: 10, color: colors.onSurface.withValues(alpha: 0.3))),
|
||
])),
|
||
GestureDetector(onTap: _showEditTagPanel,
|
||
child: Container(padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
|
||
decoration: BoxDecoration(borderRadius: BorderRadius.circular(6),
|
||
border: Border.all(color: colors.onSurface.withValues(alpha: 0.25), width: 1)),
|
||
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||
Icon(Icons.add, size: 12, color: colors.onSurface.withValues(alpha: 0.35)),
|
||
const SizedBox(width: 2),
|
||
Text('标签', style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.35))),
|
||
]))),
|
||
]),
|
||
const SizedBox(height: 6),
|
||
// 工具栏
|
||
Row(children: [
|
||
Expanded(child: SingleChildScrollView(scrollDirection: Axis.horizontal, child: Row(children: [
|
||
_editToolBtn(Icons.title, '标题', _insertHeading),
|
||
_editToolBtn(Icons.format_bold, '粗体', () => _insertMarkdown('**', '**')),
|
||
_editToolBtn(Icons.format_italic, '斜体', () => _insertMarkdown('*', '*')),
|
||
_editToolBtn(Icons.format_strikethrough, '删除线', () => _insertMarkdown('~~', '~~')),
|
||
_editToolGap(colors),
|
||
_editToolBtn(Icons.format_list_bulleted, '无序列表', () => _insertMarkdown('- ', '')),
|
||
_editToolBtn(Icons.format_list_numbered, '有序列表', () => _insertMarkdown('1. ', '')),
|
||
_editToolBtn(Icons.format_quote, '引用', () => _insertMarkdown('> ', '')),
|
||
_editToolBtn(Icons.insert_link, '链接', () => _insertMarkdown('[', '](url)')),
|
||
_editToolGap(colors),
|
||
_editToolBtn(Icons.code, '行内代码', () => _insertMarkdown('`', '`')),
|
||
_editToolBtn(Icons.data_object, '代码块', () => _insertMarkdown('```\n', '\n```')),
|
||
_editToolBtn(Icons.horizontal_rule, '分割线', () => _insertMarkdown('---\n', '')),
|
||
_editToolGap(colors),
|
||
_editToolBtn(Icons.add_photo_alternate_outlined, '图片', _pickEditImage),
|
||
]))),
|
||
const SizedBox(width: 8),
|
||
Text('${_contentCtrl.text.length} 字', style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.3))),
|
||
]),
|
||
]),
|
||
),
|
||
// Windows: 底部字数（简洁）
|
||
if (isWin)
|
||
Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 48, vertical: 8),
|
||
child: Center(child: ConstrainedBox(constraints: const BoxConstraints(maxWidth: 720),
|
||
child: Row(mainAxisAlignment: MainAxisAlignment.end, children: [
|
||
Text('${_contentCtrl.text.length} 字', style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.3))),
|
||
]),
|
||
)),
|
||
),
|
||
]);
|
||
}
|
||
|
||
Widget _buildPreviewArea(ColorScheme colors, Note note) {
|
||
final isWin = Platform.isWindows;
|
||
return ListView(
|
||
padding: EdgeInsets.symmetric(vertical: isWin ? 32 : 24),
|
||
children: [
|
||
Center(child: ConstrainedBox(constraints: const BoxConstraints(maxWidth: 720),
|
||
child: Padding(padding: EdgeInsets.symmetric(horizontal: isWin ? 48 : 24),
|
||
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||
if (_titleCtrl.text.isNotEmpty) ...[
|
||
Text(_titleCtrl.text, style: TextStyle(fontSize: isWin ? 28 : 24, fontWeight: FontWeight.w700, color: colors.onSurface, height: 1.3)),
|
||
const SizedBox(height: 12),
|
||
],
|
||
// 标签
|
||
if (_editTags.isNotEmpty) ...[
|
||
Wrap(spacing: 6, runSpacing: 4, children: [
|
||
for (final tag in _editTags)
|
||
Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
|
||
decoration: BoxDecoration(
|
||
color: colors.primaryContainer,
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: Text(tag, style: TextStyle(fontSize: 12, color: colors.onPrimaryContainer, fontWeight: FontWeight.w500)),
|
||
),
|
||
]),
|
||
const SizedBox(height: 20),
|
||
],
|
||
Markdown(
|
||
data: _contentCtrl.text,
|
||
styleSheet: _buildMarkdownStyleSheet(colors),
|
||
padding: EdgeInsets.zero,
|
||
shrinkWrap: true,
|
||
physics: const NeverScrollableScrollPhysics(),
|
||
// ignore: deprecated_member_use
|
||
imageBuilder: (uri, title, alt) => _buildMarkdownImage(uri, note),
|
||
),
|
||
if (_editImages.isNotEmpty) ...[
|
||
const SizedBox(height: 16),
|
||
_buildImageRow(_editImages),
|
||
],
|
||
const SizedBox(height: 48),
|
||
]),
|
||
),
|
||
)),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _editToolBtn(IconData icon, String tooltip, VoidCallback onTap) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
return Material(color: Colors.transparent,
|
||
child: InkWell(onTap: onTap, borderRadius: BorderRadius.circular(6),
|
||
child: Tooltip(message: tooltip,
|
||
child: Padding(padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 2),
|
||
child: Icon(icon, size: 16, color: colors.onSurface.withValues(alpha: 0.6))))));
|
||
}
|
||
|
||
Widget _editToolGap(ColorScheme colors) {
|
||
return Padding(padding: const EdgeInsets.symmetric(horizontal: 3),
|
||
child: SizedBox(height: 12, child: VerticalDivider(width: 0, thickness: 0.5, color: colors.outline)));
|
||
}
|
||
|
||
void _insertMarkdown(String left, String right) {
|
||
final text = _contentCtrl.text;
|
||
final selection = _contentCtrl.selection;
|
||
final start = selection.start;
|
||
final end = selection.end;
|
||
String selectedText = end > start ? text.substring(start, end) : '';
|
||
final insertion = '$left$selectedText$right';
|
||
_contentCtrl.value = TextEditingValue(
|
||
text: text.substring(0, start) + insertion + text.substring(end),
|
||
selection: TextSelection.collapsed(
|
||
offset: selectedText.isEmpty ? start + left.length : start + left.length + selectedText.length + right.length,
|
||
),
|
||
);
|
||
_onContentChanged();
|
||
}
|
||
|
||
void _insertHeading() {
|
||
final text = _contentCtrl.text;
|
||
final selection = _contentCtrl.selection;
|
||
final start = selection.start;
|
||
int lineStart = start;
|
||
while (lineStart > 0 && text[lineStart - 1] != '\n') lineStart--;
|
||
int hashCount = 0;
|
||
int pos = lineStart;
|
||
while (pos < text.length && text[pos] == '#') { hashCount++; pos++; }
|
||
if (pos < text.length && text[pos] == ' ') pos++;
|
||
if (hashCount > 0 && hashCount < 6) {
|
||
hashCount++;
|
||
final newPrefix = '${'#' * hashCount} ';
|
||
_contentCtrl.value = TextEditingValue(
|
||
text: text.substring(0, lineStart) + newPrefix + text.substring(pos),
|
||
selection: TextSelection.collapsed(offset: lineStart + newPrefix.length));
|
||
} else if (hashCount >= 6) {
|
||
_contentCtrl.value = TextEditingValue(
|
||
text: text.substring(0, lineStart) + text.substring(pos),
|
||
selection: TextSelection.collapsed(offset: lineStart));
|
||
} else {
|
||
_contentCtrl.value = TextEditingValue(
|
||
text: text.substring(0, lineStart) + '# ' + text.substring(lineStart),
|
||
selection: TextSelection.collapsed(offset: lineStart + 2));
|
||
}
|
||
_onContentChanged();
|
||
}
|
||
|
||
Future<void> _pickEditImage() async {
|
||
try {
|
||
final XFile? image = await _picker.pickImage(source: ImageSource.gallery, maxWidth: 1920, maxHeight: 1920, imageQuality: 85);
|
||
if (image == null) return;
|
||
final fileName = '${DateTime.now().millisecondsSinceEpoch}.jpg';
|
||
final targetDir = await ImagePathHelper.instance.getNoteImagesDir(widget.note.id);
|
||
await ImagePathHelper.instance.ensureDirExists(targetDir);
|
||
final targetPath = p.join(targetDir, fileName);
|
||
await File(image.path).copy(targetPath);
|
||
if (mounted) setState(() => _editImages.add(targetPath));
|
||
_onContentChanged();
|
||
} catch (e) {
|
||
if (mounted) ToastUtil.show(context, '选择图片失败: $e');
|
||
}
|
||
}
|
||
|
||
Future<void> _showEditTagPanel() async {
|
||
final provider = context.read<AppProvider>();
|
||
final tagRows = await provider.getTags('note_tag');
|
||
final allTags = tagRows.map((t) => t['name'] as String).toSet();
|
||
for (final note in provider.notes) { allTags.addAll(note.tags); }
|
||
if (!mounted) return;
|
||
TagSidePanel.show(context: context, selectedTags: List.from(_editTags),
|
||
allAvailableTags: allTags.toList()..sort(),
|
||
onTagsChanged: (newTags) => setState(() => _editTags = newTags));
|
||
}
|
||
|
||
Widget _buildEditImageGrid(ColorScheme colors) {
|
||
return Container(
|
||
padding: const EdgeInsets.fromLTRB(16, 6, 16, 0),
|
||
height: 72,
|
||
child: ListView.separated(scrollDirection: Axis.horizontal,
|
||
itemCount: _editImages.length + 1,
|
||
separatorBuilder: (_, __) => const SizedBox(width: 6),
|
||
itemBuilder: (ctx, i) {
|
||
if (i < _editImages.length) {
|
||
return Stack(children: [
|
||
InkWell(onTap: () => _showImagePreview(_editImages, i),
|
||
child: Container(width: 56, height: 56,
|
||
decoration: BoxDecoration(borderRadius: BorderRadius.circular(6), border: Border.all(color: colors.outlineVariant, width: 0.5)),
|
||
clipBehavior: Clip.antiAlias,
|
||
child: FadeInLocalImage(path: _editImages[i], fit: BoxFit.cover))),
|
||
Positioned(top: -4, right: -4,
|
||
child: GestureDetector(onTap: () => setState(() => _editImages.removeAt(i)),
|
||
child: Container(width: 16, height: 16,
|
||
decoration: BoxDecoration(color: colors.surface, shape: BoxShape.circle, border: Border.all(color: colors.outline)),
|
||
child: Icon(Icons.close, size: 10, color: colors.onSurface.withValues(alpha: 0.5))))),
|
||
]);
|
||
}
|
||
return InkWell(onTap: _pickEditImage,
|
||
child: Container(width: 56, height: 56,
|
||
decoration: BoxDecoration(borderRadius: BorderRadius.circular(6), color: colors.surfaceContainerHighest,
|
||
border: Border.all(color: colors.outlineVariant)),
|
||
child: Icon(Icons.add_photo_alternate_outlined, size: 20, color: colors.onSurface.withValues(alpha: 0.3))));
|
||
}),
|
||
);
|
||
}
|
||
|
||
Widget _buildTagRow(List<String> tags) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
return Container(
|
||
height: 28,
|
||
margin: const EdgeInsets.only(bottom: 2),
|
||
child: ListView.separated(
|
||
scrollDirection: Axis.horizontal,
|
||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||
itemCount: tags.length,
|
||
separatorBuilder: (_, __) => const SizedBox(width: 6),
|
||
itemBuilder: (context, index) {
|
||
return Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
||
decoration: BoxDecoration(
|
||
color: colors.surfaceContainerHighest,
|
||
borderRadius: BorderRadius.circular(6),
|
||
),
|
||
child: Text(
|
||
tags[index],
|
||
style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.6)),
|
||
),
|
||
);
|
||
},
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildImageRow(List<String> images) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
return Container(
|
||
height: 80,
|
||
decoration: BoxDecoration(
|
||
color: colors.surface,
|
||
border: Border(
|
||
top: BorderSide(color: colors.outlineVariant, width: 0.5),
|
||
),
|
||
boxShadow: [
|
||
BoxShadow(
|
||
color: Colors.black.withValues(alpha: 0.03),
|
||
blurRadius: 6,
|
||
offset: const Offset(0, -2),
|
||
),
|
||
],
|
||
),
|
||
child: ListView.separated(
|
||
scrollDirection: Axis.horizontal,
|
||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
||
itemCount: images.length,
|
||
separatorBuilder: (_, __) => const SizedBox(width: 8),
|
||
itemBuilder: (context, index) {
|
||
return InkWell(
|
||
onTap: () => _showImagePreview(images, index),
|
||
child: Container(
|
||
width: 64,
|
||
height: 64,
|
||
decoration: BoxDecoration(
|
||
borderRadius: BorderRadius.circular(8),
|
||
border: Border.all(color: colors.outlineVariant, width: 0.5),
|
||
),
|
||
clipBehavior: Clip.antiAlias,
|
||
child: FadeInLocalImage(
|
||
path: images[index],
|
||
fit: BoxFit.cover,
|
||
errorWidget: Container(
|
||
color: colors.surfaceContainerHighest,
|
||
child: Icon(Icons.broken_image_outlined, size: 20, color: colors.onSurface.withValues(alpha: 0.25)),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
},
|
||
),
|
||
);
|
||
}
|
||
|
||
MarkdownStyleSheet _buildMarkdownStyleSheet(ColorScheme colors) {
|
||
return MarkdownStyleSheet(
|
||
h1: TextStyle(fontSize: 24, fontWeight: FontWeight.w600, color: colors.onSurface, height: 1.4),
|
||
h2: TextStyle(fontSize: 20, fontWeight: FontWeight.w600, color: colors.onSurface, height: 1.4),
|
||
h3: TextStyle(fontSize: 18, fontWeight: FontWeight.w600, color: colors.onSurface, height: 1.4),
|
||
h4: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: colors.onSurface, height: 1.4),
|
||
p: TextStyle(fontSize: 15, color: colors.onSurface.withValues(alpha: 0.75), height: 1.8),
|
||
code: TextStyle(fontSize: 14, color: colors.onSurface, backgroundColor: colors.surfaceContainerHighest, fontFamily: 'monospace'),
|
||
codeblockDecoration: BoxDecoration(
|
||
color: colors.surfaceContainerHigh,
|
||
border: Border.all(color: colors.outline),
|
||
borderRadius: BorderRadius.circular(6),
|
||
),
|
||
codeblockPadding: const EdgeInsets.all(12),
|
||
blockquote: TextStyle(fontSize: 15, color: colors.onSurface.withValues(alpha: 0.6), fontStyle: FontStyle.italic, height: 1.8),
|
||
blockquoteDecoration: BoxDecoration(
|
||
border: Border(left: BorderSide(color: colors.onSurface.withValues(alpha: 0.4), width: 4)),
|
||
),
|
||
blockquotePadding: const EdgeInsets.only(left: 12, top: 4, bottom: 4),
|
||
listBullet: TextStyle(fontSize: 15, color: colors.onSurface),
|
||
listIndent: 24,
|
||
a: const TextStyle(fontSize: 15, color: Color(0xFF4A90D9), decoration: TextDecoration.underline),
|
||
tableHead: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: colors.onSurface),
|
||
tableBody: TextStyle(fontSize: 14, color: colors.onSurface.withValues(alpha: 0.75)),
|
||
tableBorder: TableBorder.all(color: colors.outline, width: 0.5),
|
||
tableColumnWidth: const FlexColumnWidth(),
|
||
tableCellsDecoration: BoxDecoration(color: colors.surface),
|
||
tablePadding: const EdgeInsets.all(8),
|
||
strong: TextStyle(fontWeight: FontWeight.w600, color: colors.onSurface),
|
||
em: TextStyle(fontStyle: FontStyle.italic, color: colors.onSurface.withValues(alpha: 0.75)),
|
||
del: TextStyle(decoration: TextDecoration.lineThrough, color: colors.onSurface.withValues(alpha: 0.4)),
|
||
);
|
||
}
|
||
|
||
Widget _buildMarkdownImage(Uri uri, Note note) {
|
||
final path = uri.toString();
|
||
if (path.isEmpty) return const SizedBox.shrink();
|
||
|
||
for (final imgPath in note.images) {
|
||
if (imgPath.contains(path) || path.contains(imgPath)) {
|
||
return ClipRRect(
|
||
borderRadius: BorderRadius.circular(8),
|
||
child: FadeInLocalImage(path: imgPath, fit: BoxFit.cover),
|
||
);
|
||
}
|
||
}
|
||
|
||
if (path.startsWith('http')) {
|
||
return ClipRRect(
|
||
borderRadius: BorderRadius.circular(8),
|
||
child: Image.network(path, fit: BoxFit.cover, errorBuilder: (_, __, ___) => const SizedBox.shrink()),
|
||
);
|
||
}
|
||
|
||
return const SizedBox.shrink();
|
||
}
|
||
|
||
void _showImagePreview(List<String> images, int initialIndex) {
|
||
showDialog(
|
||
context: context,
|
||
barrierDismissible: true,
|
||
builder: (context) => GestureDetector(
|
||
onTap: () => Navigator.pop(context),
|
||
child: Container(
|
||
color: Colors.black.withValues(alpha: 0.9),
|
||
child: Center(
|
||
child: InteractiveViewer(
|
||
panEnabled: true,
|
||
boundaryMargin: const EdgeInsets.all(20),
|
||
minScale: 0.5,
|
||
maxScale: 4,
|
||
child: FadeInLocalImage(path: images[initialIndex], fit: BoxFit.contain),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
String _truncateContent(String content) {
|
||
final cleaned = content
|
||
.replaceAll(RegExp(r'^#+\s+', multiLine: true), '')
|
||
.replaceAll(RegExp(r'\*\*(.+?)\*\*'), r'$1')
|
||
.replaceAll(RegExp(r'\*(.+?)\*'), r'$1')
|
||
.replaceAll(RegExp(r'`(.+?)`'), r'$1')
|
||
.replaceAll(RegExp(r'^\s*[-*+]\s', multiLine: true), '')
|
||
.replaceAll(RegExp(r'^\s*>\s', multiLine: true), '')
|
||
.replaceAll(RegExp(r'\[([^\]]+)\]\([^)]+\)'), r'$1')
|
||
.replaceAll(RegExp(r'!\[([^\]]*)\]\([^)]+\)'), '')
|
||
.trim();
|
||
if (cleaned.isEmpty) return '无标题';
|
||
return cleaned.length > 20 ? '${cleaned.substring(0, 20)}…' : cleaned;
|
||
}
|
||
|
||
void _navigateToEdit(BuildContext context) {
|
||
final currentNote = context.read<AppProvider>().notes.firstWhere(
|
||
(n) => n.id == widget.note.id,
|
||
orElse: () => widget.note,
|
||
);
|
||
final provider = context.read<AppProvider>();
|
||
Navigator.pushNamed(context, '/note-form', arguments: currentNote).then((_) async {
|
||
provider.setEditRefresh(currentNote.id);
|
||
await provider.loadNotes();
|
||
});
|
||
}
|
||
|
||
Widget _buildFloatingActionButtons() {
|
||
final colors = Theme.of(context).colorScheme;
|
||
return Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
_buildFloatingButton(
|
||
icon: Icons.edit_outlined,
|
||
onPressed: () => _navigateToEdit(context),
|
||
tooltip: '编辑',
|
||
backgroundColor: colors.primary,
|
||
foregroundColor: colors.onPrimary,
|
||
),
|
||
const SizedBox(height: 12),
|
||
_buildFloatingButton(
|
||
icon: Icons.delete_outline,
|
||
onPressed: () => _showDeleteDialog(context),
|
||
tooltip: '删除',
|
||
backgroundColor: colors.error,
|
||
foregroundColor: colors.onError,
|
||
),
|
||
if (!Platform.isWindows) ...[
|
||
const SizedBox(height: 12),
|
||
_buildFloatingButton(
|
||
icon: Icons.share_outlined,
|
||
onPressed: _shareNote,
|
||
tooltip: '分享',
|
||
backgroundColor: const Color(0xFF4CAF50),
|
||
foregroundColor: Colors.white,
|
||
),
|
||
],
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildFloatingButton({
|
||
required IconData icon,
|
||
required VoidCallback onPressed,
|
||
required String tooltip,
|
||
required Color backgroundColor,
|
||
required Color foregroundColor,
|
||
}) {
|
||
return Tooltip(
|
||
message: tooltip,
|
||
child: GestureDetector(
|
||
onTap: onPressed,
|
||
child: Container(
|
||
width: 40,
|
||
height: 40,
|
||
decoration: BoxDecoration(
|
||
color: backgroundColor,
|
||
shape: BoxShape.circle,
|
||
boxShadow: [
|
||
BoxShadow(
|
||
color: backgroundColor.withValues(alpha: 0.3),
|
||
blurRadius: 8,
|
||
offset: const Offset(0, 2),
|
||
),
|
||
],
|
||
),
|
||
child: Icon(icon, size: 18, color: foregroundColor),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
void _showDeleteDialog(BuildContext context) {
|
||
final errorColor = Theme.of(context).colorScheme.error;
|
||
showDialog(
|
||
context: context,
|
||
builder: (ctx) => AlertDialog(
|
||
title: const Text('删除笔记'),
|
||
content: const Text('删除后将移至回收站，确定要删除吗？'),
|
||
actions: [
|
||
TextButton(
|
||
onPressed: () => Navigator.pop(ctx),
|
||
child: const Text('取消'),
|
||
),
|
||
TextButton(
|
||
onPressed: () {
|
||
Navigator.pop(ctx);
|
||
context.read<AppProvider>().removeNote(widget.note.id);
|
||
if (widget.embedded) {
|
||
context.read<AppProvider>().selectNote(null);
|
||
} else {
|
||
Navigator.pop(context);
|
||
}
|
||
},
|
||
child: Text('删除', style: TextStyle(color: errorColor)),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
void _shareNote() {
|
||
Navigator.push(
|
||
context,
|
||
MaterialPageRoute(builder: (context) => NoteSharePage(note: widget.note)),
|
||
);
|
||
}
|
||
}
|