import 'package:flutter/material.dart';
import 'package:flutter_html/flutter_html.dart';
import 'package:flutter_html/style.dart';
import 'package:jmrh/constant/styles.dart';

class Article extends StatefulWidget {
  Article({Key key}) : super(key: key);

  @override
  _ArticleState createState() => _ArticleState();
}

class _ArticleState extends State<Article> {
  @override
  Widget build(BuildContext context) {
    final Map<dynamic, dynamic> data =
        ModalRoute.of(context).settings.arguments;
    return Scaffold(
      appBar: AppBar(
        brightness: Brightness.light,
        iconTheme: IconTheme.of(context).copyWith(color: COLOR_TEXT_1),
        backgroundColor: Colors.white,
        elevation: 0,
        title: appbarTitle('文章详情'),
        centerTitle: true,
        leading: IconButton(
          icon: ImageIcon(
            AssetImage('img/nav_icon_return.png'),
            size: 28,
          ),
          onPressed: () {
            Navigator.pop(context);
          },
        ),
        actions: [
          IconButton(
            icon: ImageIcon(AssetImage('img/nav_icon_fenxiang_heise.png'),
                size: 28),
            tooltip: '分享',
            onPressed: () {},
          )
        ],
      ),
      body: CustomScrollView(
        slivers: [
          SliverToBoxAdapter(
            child: Container(
              margin: EdgeInsets.fromLTRB(16, 27, 16, 0),
              child: Text(data['title'],
                  style: TextStyle(
                      fontSize: 20,
                      color: COLOR_TEXT_1,
                      fontWeight: FontWeight.bold)),
            ),
          ),
          SliverToBoxAdapter(
            child: Container(
              margin: EdgeInsets.fromLTRB(16, 15, 16, 15),
              child: Text(
                '发布时间：${data['time']}',
                style: TextStyle(color: COLOR_TEXT_3, fontSize: 13),
              ),
            ),
          ),
          SliverToBoxAdapter(
            child: Html(
              data: data['detail'],
              style: {'body': Style(padding: EdgeInsets.all(16))},
            ),
          )
        ],
      ),
    );
  }
}