88 lines
2.2 KiB
Dart
88 lines
2.2 KiB
Dart
|
|
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_markdown/flutter_markdown.dart';
|
|
import 'package:flutter_wisetronic/widgets/general/bottom_nav.dart';
|
|
|
|
import '../../constants.dart';
|
|
import '../../generated/l10n.dart';
|
|
import '../../models/blog.dart';
|
|
import '../../widgets/general/breadcrumbs.dart';
|
|
import '../../widgets/general/navigationbar.dart';
|
|
|
|
class DesktopPlainPage extends StatefulWidget {
|
|
final Blog blog;
|
|
|
|
const DesktopPlainPage(this.blog, {Key key}) : super(key: key);
|
|
|
|
@override
|
|
State<StatefulWidget> createState() {
|
|
return DesktopPlainPageState();
|
|
}
|
|
|
|
}
|
|
|
|
class DesktopPlainPageState extends State<DesktopPlainPage> {
|
|
double sideSpace = 0;
|
|
double mainSpace = 1200;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
if (MediaQuery.of(context).size.width <= 1200) {
|
|
mainSpace = MediaQuery.of(context).size.width;
|
|
sideSpace = 0;
|
|
} else {
|
|
mainSpace = 1200;
|
|
sideSpace = (MediaQuery.of(context).size.width - 1200) / 2;
|
|
}
|
|
|
|
Column col = Column(
|
|
children: [],
|
|
);
|
|
col.children.add(Container(
|
|
padding: EdgeInsets.only(top: 20, left: 16.0, right: 16.0, bottom: 16.0),
|
|
child: Center(
|
|
child: Text(
|
|
widget.blog.title,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 20,
|
|
),
|
|
),
|
|
),
|
|
));
|
|
col.children.add(Container(
|
|
padding: EdgeInsets.only(left: 16.0, right: 16.0, bottom: 20.0),
|
|
child: MarkdownBody(
|
|
shrinkWrap: true,
|
|
data: widget.blog.body,
|
|
),
|
|
));
|
|
|
|
return Scaffold(
|
|
appBar: NavigationBar(
|
|
title: S.of(context).blog,
|
|
back: true,
|
|
breadCrumbs: [
|
|
BreadCrumb(widget.blog.title, null),
|
|
],
|
|
breadCrumbHeight: Constants.BREADCRUMB_HEIGHT,
|
|
),
|
|
body: SingleChildScrollView(
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: sideSpace,
|
|
),
|
|
Expanded(child: col,),
|
|
Container(
|
|
width: sideSpace,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
bottomNavigationBar: BottomNav(),
|
|
);
|
|
}
|
|
|
|
} |