Dart语法

文本调控方式

textAlign:文本位置
textAlign:TextAlign.xxx

right(右对齐)、left(左对齐)、center(居中)、end(结尾对齐)、start(开头对齐)

使用方法

child:Text(
    'xxxxx',
    txetAlign:TextAlign.xxx,
maxLines:设置最大行数
maxLines:1,
//设置最大行数为1
overflow:溢出字体设置
overflow:TextOverflow.xxx
//对溢出字体的设置

clip(直接省略)、ellipsis(替代省略号)、fade(重上往下慢慢变灰(渐变))

字体样式

style:TextStyle(
 fontSize:25.0,
 //字体大小,设置一位单精度浮点数
 color:Color.fromARGB(a,r,g,b),
/**
A :alpha透明度 (0-255)
R:red (红色)
G :green (绿色)
B :blue (蓝色)
*/
decoration:TextDecoration.underline,
decorationStyle:TextDecorationStyle.solid,
//设置下划线,并为下划线设置属性

container组件

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget{
 @override
 Widget build(BuildContext context){
     return MaterialApp(
     title:'Text widget',
     home:Scaffold(
         body:Center(
             child:Container(
                 child: Text('hello world',style:Textstyle(fontsize:40.0)),
                  alignment:Alignment.center,
//设置alignment的一些剧中设置,center剧中,bottom下对齐,top顶对齐,可衔left、right等等
                 width:550.0,
                 height:400.0,         
                 color:Color.lightBlue,
//设置宽高的时候需要小数点一位
                padding:const EdgeInsets.fromLTRB(10.0,100.0,0.0,0.0),
                padding:const EdgeInsets.all(10.0), 
//padding设置内边距,margin设置外边距,也可all使用设置全部编辑
               decoration: new BoxDecoration(
                   gradient:const LinearGradient(
                      colors:[Colors.lightblue,Colors.greenAccent,Colors.purple]
//不能与color:Color.lightBlue,同时存在;线性渐变颜色,颜色可以设置色值
                    ),
                    border:Border.all(width:5.0,color:Color.red)
//设置边框,利用border组件 

imag组件


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

class MyApp extends StatelessWidget{
 @override
 Widget build(BuildContext context){
     return MaterialApp(
     title:'Text widget',
     home:Scaffold(
         body:Center(
             child:Container(
               child:new Image.netword(
//network:网络图片,asset:打包图片,file:内存图片,memory
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容