flutter常用组件

TextWidget  文本组件

TextWidget  的常用属性

TextAlign: 下面的五种对齐方式 左对齐, 右对齐, 居中对齐, 从开始位置对齐

MaxLines: 显示几行
overflow: 超出范围截取后的样式  clip 直接阶段, ellipsis 后面省略号...    fade 超出后渐变,

decoration : underline  下划线  linethrough 中间穿过  none 不显示 overline 上划线

decorationStye: 下划线样式  dashed 虚线, dotted 很细的虚线  double两条实线   solid 实线 wavy 波浪线

完整代码

import ‘package:flutter/material.dart‘;

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

// 定义MyApp 继承于静态组件class MyApp extends StatelessWidget {

  @override // 重写关键字

  //返回一个组件  Widget build(BuildContext context) {

    // TODO: implement build    return MaterialApp(// 返回的一些组件属性

      title :‘first Flutter‘,//

      home: Scaffold(// 首页

        appBar: AppBar(// 导航栏

          title: Text(‘firstDemo‘),// 导航栏标题        ),

        body: Center(

          child: Text(            ‘我是第一个项目我是第一个项目我是第一个项目我是第一个项目我是第一个项目我是第一个项目我是第一个项目我是第一个项目我是第一个项目我是第一个项目我是第一个项目我是第一个项目‘,//            textAlign: TextAlign.left,//对齐方式//            maxLines: 2,//最多显示几行//            overflow: TextOverflow.ellipsis,//超出部分截取样式 ...

          style: TextStyle(// 文本样式            fontSize: 25.0,// 字体大小必须小数点第一位            color: Color.fromARGB(255, 255, 150, 150),// 字体颜色 rgb              decoration: TextDecoration.underline,// 下划线            decorationStyle:  TextDecorationStyle.wavy //下划线样式

          ),          ),// 居中

        ),

      ),

    );  }

}

Container  容器组件  == >div

padding  内边距

将上面的body 替换下

body: Center(

  child: Container(// 组件    child: new Text( // 创建一个text       ‘Hello‘,      style: TextStyle(// 样式        fontSize: 40,      ),

    ),

    alignment: Alignment.center, // 容器对齐方式    width: 500.0,// 宽    height: 300,// 高    color: Colors.cyan, // 颜色  

  )),

原文地址:https://www.cnblogs.com/yangqinoak/p/11399120.html

时间: 2024-11-01 11:08:27

flutter常用组件的相关文章

JQuery EasyUI的常用组件

jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件,该框架提供了创建网页所需的一切,帮助您轻松建立站点. 注:本次介绍的JQuery EasyUI版本为1.5版. 一.表单 form提供了各种方法来操作执行表单字段,比如:ajax提交, load, clear等等.当提交表单的时候可以调用validate方法检查表单是否有效. 用法: 使用form标签创建 <form id="ff" method="post"> <

android基础(5):常用组件1

常用组件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <!-- 文本框 --> <Text

20 UI_常用组件之 Spinner与适配器模式

UI_常用组件之 Spinner(下拉列表)与适配器模式 <Spinner         android:id="@+id/spinner1"         android:layout_width="142dp"         android:layout_height="wrap_content"          android:entries="@array/spinner_data"         an

Docker生态系统系列之一:常用组件介绍

[编者的话]本篇文章是介绍Docker生态系统的第一篇,不仅从概念上介绍了容器化.服务发现和全局配置存储.网络工具.调度.集群管理和编排这几部分内容,而且配以清晰易懂的例子进行讲解说明,非常值得读者称赞.Docker是现在使用最多的容器化软件.与其它已经存在的容器化系统相比,Docker可以更加简单的创建和管理容器,并与其它开源软件集成. 简介 容器化是一个以可移植和可预测的方式来部署分布式应用的过程,它会将应用组件以及依赖打包为一个标准.独立.轻量的环境,这个环境其实就是容器.现在许多公司都乐

(五) kendo UI view除表单外的常用组件

<div data-role="view" id="id" data-title="标题"></div> ================================================= 1.可以有很多个view(页),但每次只显示一个,通过 href=#id切换到当前页 2.与layout不同,layout通常用于多个view里面的固定层:可以多个,但每次显示也只是一个可以在view里通过data-la

EasyUI常用组件(基础)

---------------------------------------------------------------------------------------------------------------[版权申明:本文系作者原创,转载请注明出处]文章出处:http://blog.csdn.net/sdksdk0/article/details/51914553作者:朱培    ID:sdksdk0----------------------------------------

.Net 转战 Android 4.4 日常笔记(9)--常用组件的使用方法[附源码]

原文:.Net 转战 Android 4.4 日常笔记(9)--常用组件的使用方法[附源码] 经过两天的学习,把常用的组件都学习了一遍,并做成了App 学习可能真没有捷径,跟学习html有点类似,都是一个控件一个控件学习并使用,最后拼凑成一个系统 链接:http://pan.baidu.com/s/1hqefzEW 密码:zbel  最低API 2.3 目标API 4.4 采用Android Studio 0.58IDE 希望给和我同样的初学者带来一些便利,和开发时候可以查询,第一个版本可能比较

java基础 常用组件

几个常用组件: 在图形用户界面编程中,我们常常会提供用户登陆界面,比如登陆到会员管理系统,登陆到工资管理系统,仓库管理系统等,如下图我们就会用到: 1. 文本框(JTextField) 2. 密码框(JPasswordField) 3. 便签(JLable) example code: 1 package demo7; 2 import java.awt.*; 3 4 import javax.swing.*; 5 6 /* 7 * 多种布局管理器 8 * */ 9 public class d

ASP基础教程:其它的ASP常用组件

当你用 ASP 编写服务器端应用程序时,必须依靠 ActiveX 组件来强大 Web 应用程序的功能,譬如:你需要连接数据库,对数据库进行在线操作等等. 上两篇中作者给大家介绍了 AD Rotator. Database Access 等组件的使用方法,今天我们接着来看看其它的一些 ASP 常用组件. 一. Browser Capabilities 组件众所周知,并不是所有浏览器都支持现今 Internet 技术的方方面面.有一些特性,某些浏览器支持而另一些浏览器却不支持,如 : ActiveX