Add a Fade transition when jumping from Viewing to Editing

It looks much better than the normal page transition.
This commit is contained in:
Vishesh Handa
2019-12-27 11:10:22 +01:00
parent 895d2f4f1b
commit 5a79fa26ca

View File

@ -2,12 +2,14 @@ import 'package:fimber/fimber.dart';
import 'package:flutter/foundation.dart'; import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_markdown/flutter_markdown.dart'; import 'package:flutter_markdown/flutter_markdown.dart';
import 'package:page_transition/page_transition.dart';
import 'package:share/share.dart';
import 'package:gitjournal/core/note.dart'; import 'package:gitjournal/core/note.dart';
import 'package:gitjournal/state_container.dart'; import 'package:gitjournal/state_container.dart';
import 'package:gitjournal/utils.dart'; import 'package:gitjournal/utils.dart';
import 'package:gitjournal/settings.dart'; import 'package:gitjournal/settings.dart';
import 'package:gitjournal/widgets/journal_editor_header.dart'; import 'package:gitjournal/widgets/journal_editor_header.dart';
import 'package:share/share.dart';
import 'journal_editor.dart'; import 'journal_editor.dart';
@ -70,11 +72,14 @@ class JournalBrowsingScreenState extends State<JournalBrowsingScreen> {
floatingActionButton: FloatingActionButton( floatingActionButton: FloatingActionButton(
child: Icon(Icons.edit), child: Icon(Icons.edit),
onPressed: () { onPressed: () {
var route = MaterialPageRoute(builder: (context) { Note note = widget.notes[_currentIndex()];
Note note = widget.notes[_currentIndex()]; Navigator.push(
return JournalEditor.fromNote(note); context,
}); PageTransition(
Navigator.of(context).push(route); type: PageTransitionType.fade,
child: JournalEditor.fromNote(note),
),
);
}, },
), ),
); );