Flutter03-2020 Container组件，Text组件

最新推荐文章于 2023-07-22 01:28:34 发布

gaoya7305

最新推荐文章于 2023-07-22 01:28:34 发布

阅读量126

点赞数

分类专栏： Flutter

本文链接：https://blog.csdn.net/gaoya7305/article/details/106666326

版权

Flutter 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

import 'package:flutter/material.dart';

void main(){
  runApp(MyApp());
}
//自定义组件
class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       appBar: AppBar(
         title: Text("flutter demo")
       ),
       body: HomeContent()
     )
   );
  }
  
}



class HomeContent extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return  Center(
        child: Container(
          child: Text(
            "我是一个文本我是一个文本我是一个文本我是一个文本我是一个文本我是一个文本我是一个文本",
            textAlign: TextAlign.left,
            overflow: TextOverflow.clip,//文本溢出处理
            maxLines: 1,
            textScaleFactor: 2,//字体放大2倍
            style: TextStyle(
              fontSize: 10.0,
              fontWeight: FontWeight.w800, //变粗
              fontStyle: FontStyle.italic, //斜体
              decoration: TextDecoration.lineThrough,//穿过文本的中间的线
              decorationColor: Colors.white,//将穿过的线变为白色
              decorationStyle: TextDecorationStyle.dashed, //虚线
              letterSpacing: 5.0 //字间距
//              color:  Colors.red
//            color: Color.fromARGB(a, r, g, b)

            )
          ) ,
          height: 300.0,
          width: 300.0,
          decoration: BoxDecoration(
              color:Colors.yellow,
              border: Border.all(
              color: Colors.blue,
              width:2.0
            ),
            borderRadius: BorderRadius.all(Radius.circular(20)),//设置边框的圆角
          ),
//          padding:EdgeInsets.all(20),//内边距 20
//        padding: EdgeInsets.fromLTRB(10, 30, 5, 0),//四周设置内边距
          margin: EdgeInsets.fromLTRB(10, 30, 5, 0),//四周设置外边距
//          transform: Matrix4.translationValues(100, 0, 0),//向右位移100
//        transform: Matrix4.rotationZ(0.3),//沿着z轴旋转， 正：顺时针， 负：逆时针
//        transform: Matrix4.diagonal3Values(1.2, 1, 1),//缩放，x放大，其他不变
        alignment: Alignment.bottomLeft,
        )
    );
  }

}