美文网首页
文本字体样式

文本字体样式

作者: spades_K | 来源:发表于2020-01-15 11:25 被阅读0次
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(

        primarySwatch: Colors.red,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override  _MyHomePageState createState() => _MyHomePageState();

}

class _MyHomePageState extends State<MyHomePage> {
  
  @override
  Widget build(BuildContext context) {

    return Scaffold(
      appBar: AppBar(

        title: Text(widget.title),
      ),

      body: Center(

        child: Column(
          children: <Widget>[

            Text(
              '来了 老弟 双击666 \n' * 6, // 重复字符串
              textAlign: TextAlign.center, // 居中
              textScaleFactor: 1.5, // 缩放因数 (个人理解放大比例)
              maxLines: 6, // 最大行数
              style: TextStyle( // 显示参数
                color: Colors.red,
                fontSize: 12,
                backgroundColor: Colors.yellow,
                decoration:TextDecoration.underline, // 下划线
                decorationStyle: TextDecorationStyle.dashed // 虚线
              ),

            ),
            Text(
              'TextOverflow.ellipsis,它会将多余文本截断后以省略符“...”表示;',
              style: Theme.of(context).textTheme.display1,
              overflow: TextOverflow.ellipsis, // 截断方式 这个是超出 ... 显示
              maxLines: 2,
            ),
            Text.rich(TextSpan(
              children: [
                TextSpan(
                  text: "标题:",
                  style: TextStyle(
                    color: Colors.black,
                    fontSize: 20,
                  ),
                ),
                TextSpan(
                  text: 'wwww.baidu.com',
                  style: TextStyle(
                    color: Colors.blue
                  )
                )
              ]
            )),  // 相当于富文本
            DefaultTextStyle( // 文本样式继承 相当于web 父标签样式子标签也继承
              style: TextStyle(
                color: Colors.cyan,
                backgroundColor: Colors.amber,
              ),
               child: Column(
                 children: <Widget>[
                   Text('啊啊啊啊啊'),
                   Text('哈哈哈哈哈哈哈'),
                 ],
               ),
            ),
          ],
        ),
      ),
    );
  }
}

效果图

相关文章

  • HTML03-day

    文本标签 列表 颜色单位 字体分类 字体样式 行间距 颜色单位 字体其他样式 文本样式

  • 文本标签and文本样式

    改变字体样式:font-family:字体名称 字体分类: 字体类型: 背景颜色: 文本样式: 文本标签 列表:有...

  • CSS-基础

    选择器样式:背景/大小样式:文本/字体 选择器 样式:背景/大小 样式:文本/字体 样式:边框 样式:内边距 样式...

  • 前端笔记(3)

    代码:(1)列表 (2)单位 (3)字体的样式 (4)字体的分类 (5)字体的其它样式 (6)文本标签 (7)文本...

  • iOS 属性文字NSAttributedString/NSMut

    在iOS中的文本样式是固定的,只能设置字体样式(font)或者设置字体,如果需要自定义文本样式,则需要用属性文本(...

  • CSS文本样式值

    字体样式针对的是“文字本身”的形体效果,而文本样式针对的是“整个段落”的排版效果。字体样式注重个体,文本样式注重整...

  • Unity中的UGUI各个组件参数详解

    1.Text(文本) Text:输入文本显示 Character Font:字体 Font Style:字体样式...

  • Flutter 之Text、TextSpan

    Text组件常用属性 属性描述data必填项 文本信息style文本的样式信息strutStyle文本字体的样式信...

  • CSS 字体文本

    文本字体 所有的网页都会包含文本,这就会涉及字体样式和文本对齐的设置。其中font-系列属性用于设置字体,text...

  • 【Flutter】基础组件

    TextStyle 文本样式 color 字体颜色 fontSize (逻辑)字体大小,默认14 fontWei...

网友评论

      本文标题:文本字体样式

      本文链接:https://www.haomeiwen.com/subject/bmctzctx.html