flutter文本简单实现

import 'package:flutter/material.dart';
import 'package:flustars/flustars.dart';
import 'package:fl_chart/fl_chart.dart';

void main()=>MyApp();//所有的写在一起就客园直接用=>来替代


class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Row(
            children: <Widget>[
              GestureDetector(
                onTap: (){
                  print("我是一个人1");
                },
                child: Icon(Icons.arrow_back_ios),
              ),
              Container(//通过容器来添加标题
                width: 250,//高度来控制
                child: Center(
                    child: Text('统计报表',style: TextStyle(
                      // color: Colors.black,
                    ),
                    )
                ),
              ),
            ],
          ),
        ),
        body: click(),
      ),
    );
  }
}

class click extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Text.rich(
      TextSpan(
        children: [
          TextSpan(text: "静夜思",style: TextStyle(
            fontSize: 30,
          ),
          ),
          TextSpan(text: "[唐] 李白",style: TextStyle(
            fontSize: 10,
            color: Colors.orange,
          ),
          ),
          TextSpan(text: "\n床前明月光，疑是地上霜。\n举头望明月，低头思故乡。",style: TextStyle(
            fontSize: 20,
          ),
          ),
        ]
      ),
      textAlign: TextAlign.center,//盒子内部居中
    );
  }
}
class text extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Text('静夜思\n[唐] 李白\n床前明月光，疑是地上霜。\n举头望明月，低头思故乡。',
        style:TextStyle(
          fontSize: 20,
        ) ,
    );
  }
}

flutter简单文本实现  效果如下