git-touch-android-ios-app/lib/widgets/markdown_view.dart

60 lines
1.9 KiB
Dart
Raw Normal View History

import 'package:flutter/material.dart';
import 'package:flutter_markdown/flutter_markdown.dart';
2019-09-14 11:19:33 +02:00
import 'package:git_touch/utils/utils.dart';
import 'package:primer/primer.dart';
class MarkdownView extends StatelessWidget {
final String text;
MarkdownView(this.text);
2019-09-13 18:31:33 +02:00
static const _basicStyle =
TextStyle(fontSize: 16, color: PrimerColors.gray900, height: 1.5);
static final _hStyle =
_basicStyle.copyWith(fontWeight: FontWeight.w600, height: 1.25);
@override
Widget build(BuildContext context) {
return MarkdownBody(
data: text,
styleSheet: MarkdownStyleSheet(
2019-09-13 18:31:33 +02:00
a: _basicStyle.copyWith(color: PrimerColors.blue500),
p: _basicStyle,
code: _basicStyle.copyWith(
fontSize: 16 * 0.85,
height: 1.45,
2019-09-14 11:19:33 +02:00
fontFamily: monospaceFont,
2019-09-13 18:31:33 +02:00
),
h1: _hStyle.copyWith(fontSize: 32),
h2: _hStyle.copyWith(fontSize: 24),
h3: _hStyle.copyWith(fontSize: 20),
h4: _hStyle,
h5: _hStyle.copyWith(fontSize: 14),
h6: _hStyle.copyWith(fontSize: 16 * 0.85, color: PrimerColors.gray500),
em: _basicStyle.copyWith(fontStyle: FontStyle.italic),
strong: _basicStyle.copyWith(fontWeight: FontWeight.w600),
blockquote: _basicStyle.copyWith(color: PrimerColors.gray500),
img: _basicStyle,
blockSpacing: 16,
listIndent: 32,
blockquotePadding: 16, // FIXME: only horizontal
blockquoteDecoration: BoxDecoration(
2019-09-13 18:31:33 +02:00
border: Border(left: BorderSide(color: Color(0xffdfe2e5), width: 4)),
),
codeblockPadding: 16,
codeblockDecoration: BoxDecoration(
2019-09-13 18:31:33 +02:00
color: PrimerColors.gray100,
borderRadius: BorderRadius.circular(3),
),
horizontalRuleDecoration: BoxDecoration(
2019-09-13 18:31:33 +02:00
border: Border(
top: BorderSide(width: 4, color: PrimerColors.gray200),
),
),
),
// syntaxHighlighter: , // TODO:
);
}
}