flutter/GitJournal
1
0
Fork 0
mirror of https://github.com/GitJournal/GitJournal.git synced 2025-06-29 18:38:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

EditorSelector: Make it prettier

Browse Source
This commit is contained in:
Vishesh Handa
2020-03-30 13:36:07 +02:00
parent 564fa4cbc0
commit c2b78f0ae7
1 changed files with 53 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
lib/widgets/note_editor_selector.dart
View File

@ -1,4 +1,6 @@
import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/fa_icon.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:gitjournal/screens/note_editor.dart';
class NoteEditorSelector extends StatelessWidget {
@ -8,42 +10,60 @@ class NoteEditorSelector extends StatelessWidget {
@override
Widget build(BuildContext context) {
var onEditorChange = (EditorType et) => Navigator.of(context).pop(et);
var children = <Widget>[
// FIXME: Change this to ListTiles with nice icons
RadioListTile<EditorType>(
title: const Text("Markdown Editor"),
value: EditorType.Markdown,
groupValue: currentEditor,
onChanged: onEditorChange,
var list = Column(
children: <Widget>[
_buildTile(
context,
EditorType.Markdown,
"Markdown Editor",
FontAwesomeIcons.markdown,
),
RadioListTile<EditorType>(
title: const Text("Raw Editor"),
value: EditorType.Raw,
groupValue: currentEditor,
onChanged: onEditorChange,
_buildTile(
context,
EditorType.Raw,
"Raw Editor",
FontAwesomeIcons.dna,
),
RadioListTile<EditorType>(
title: const Text("Checklist Editor"),
value: EditorType.Checklist,
groupValue: currentEditor,
onChanged: onEditorChange,
_buildTile(
context,
EditorType.Checklist,
"Checklist Editor",
FontAwesomeIcons.tasks,
),
RadioListTile<EditorType>(
title: const Text("Journal Editor"),
value: EditorType.Journal,
groupValue: currentEditor,
onChanged: onEditorChange,
_buildTile(
context,
EditorType.Journal,
"Journal Editor",
FontAwesomeIcons.book,
),
];
],
mainAxisSize: MainAxisSize.min,
);
return AlertDialog(
title: const Text("Choose Editor"),
content: Column(
children: children,
mainAxisSize: MainAxisSize.min,
),
content: list,
);
}
ListTile _buildTile(
BuildContext context,
EditorType et,
String text,
IconData iconData,
) {
var selected = et == currentEditor;
var theme = Theme.of(context);
var listTileTheme = ListTileTheme.of(context);
var textStyle = theme.textTheme.body1.copyWith(
color: selected ? theme.primaryColor : listTileTheme.textColor,
);
return ListTile(
title: Text(text),
leading: FaIcon(iconData, color: textStyle.color),
onTap: () => Navigator.of(context).pop(et),
selected: selected,
);
}
}