`

fluttet 文本组件demo

 
阅读更多
import 'package:flutter/material.dart';

class ContainerDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('文本组件'),
      ),
      body: new Column(
        children: <Widget>[
          new Text(
            '红色+黑色删除线+25号',
            style: new TextStyle(
              color: const Color(0xffff0000),
              decoration: TextDecoration.lineThrough,
              decorationColor: const Color(0xff000000),
              fontSize: 25.0,
            ),
          ),
          new Text(
            '橙色+下划线+24号',
            style: new TextStyle(
              color: const Color(0xffff9900),
              decoration: TextDecoration.underline,
              fontSize: 24.0,
            ),
          ),
          new Text(
            '徐线上划线+23号+倾斜',
            style: new TextStyle(
              decoration: TextDecoration.overline,
              decorationStyle: TextDecorationStyle.dashed,
              fontSize: 23.0,
              fontStyle: FontStyle.italic,
            ),
          ),
          new Text(
            '24号+加粗',
            style: new TextStyle(
              fontSize: 23.0,
              fontStyle: FontStyle.italic,
              fontWeight: FontWeight.bold,
              letterSpacing: 6.0,
            ),
          ),
        ],
      ),
    );
  }
}

void main() {
  runApp(
    new MaterialApp(
      title: 'Text demo',
      home: new ContainerDemo()
    )
  );
}

 

分享到:
评论

相关推荐

    flutterDemo:flutter常用组件demo

    标题 "flutterDemo:flutter常用组件demo" 暗示了我们将关注 Flutter 中的常见组件,这些组件包括按钮、文本输入、滑块、列表视图等。通过这些组件,开发者可以构建出各种用户界面,满足不同类型的 app 需求。 首先...

    Flutter 常用系列demo代码

    3. **Text**: Text是Flutter中最基本的文本组件,可以用来展示静态或动态文本。你可以学习如何设置文本样式,如字体大小、颜色、对齐方式等。 4. **TextField**: TextField是用于用户输入文本的组件,常见于表单和...

    first_flutter_demo

    - `Text`:用于显示文本内容,是最基础的UI组件之一。 4. 运行应用: 在终端中,切换到项目目录并执行`flutter run`,应用将在模拟器或连接的设备上启动。 四、理解Flutter的Widget 在Flutter中,几乎所有的...

    first_flutterDemo

    总结来说,"first_flutterDemo"项目为初学者提供了一个理解Flutter项目结构、基本组件使用、状态管理以及热重载等核心概念的起点。通过学习和实践这个项目,新手能够快速上手Flutter开发,为更复杂的应用打下坚实...

    flutter 开发者帮助 APP,包含 flutter 常用 140+ 组件的demo 演示与中文文档

    例如,`Container`用于包裹和定位其他组件,`Text`用于显示文本,`Button`则是用户交互的关键元素,`Icon`用于展示图标,`ListView`和`GridView`用于展示列表和网格数据,`AppBar`和`BottomNavigationBar`则是常见的...

    FlutterDemo一个新的 Flutter 应用程序

    在 Flutter 中,应用通常由一系列的 Widget 构建而成,Widget 是 Flutter 的核心构建块,它们可以是可视化的元素,如按钮、文本,也可以是布局容器或者状态管理组件。FlutterDemo 可能包含了各种类型的 Widget 示例...

    flutter的一个阅读app_demo

    1. **用户界面组件**:Flutter以其丰富的Widget库而闻名,包括基础控件如按钮、文本输入框,以及更复杂的布局如Stack、ListView等。这个Demo将展示如何使用这些组件构建美观且响应式的UI。 2. **导航和路由**:在...

    flutter_base_demo:flutter组件学习

    在"flutter_base_demo-main"项目中,你可能会找到这些组件的实例和用法,通过查看代码和运行项目,可以更直观地了解它们的工作原理。通过不断地练习和探索,你将逐渐掌握Flutter的组件系统,从而成为一名出色的...

    flutter使用webrtc技术实现共享桌面,视频

    在你的Flutter应用中,你需要创建一个`RTCPeerConnection`实例,它是WebRTC的核心组件,负责处理音视频流的传输。同时,也需要创建`MediaStream`对象,用于获取本地视频流和桌面共享流。 3. **获取桌面共享流**: ...

    flutter demo代码

    这个"flutter demo代码"的压缩包很可能是包含了Flutter开发的一些基础示例代码,可以帮助初学者快速理解Flutter的编程模型和工作流程。下面将详细阐述Flutter的核心知识点,并通过lib目录的文件结构来推测可能包含的...

    Flutter从配置安装到填坑指南详解

    本文将深入探讨Flutter的配置安装过程,Flutter的相关Demo解读,以及Dart语法详解。 **一、Flutter配置安装** 1. **系统要求**: Flutter支持Windows、MacOS和Linux操作系统。首先,确保你的机器上安装了最新版本的...

    flutter_news_demo:新闻演示

    2. **Widget构建**:Flutter通过一系列可重用的Widget构建用户界面,如`ListView`用于展示新闻列表,`AppBar`构建顶部导航栏,`Text`显示文本等。 3. **网络请求**:新闻数据通常来自网络API,项目可能使用`http`库...

    Flutter实现容器组件、图片组件 的代码

    6. `foregroundDecoration`:在子组件前面绘制的装饰,例如文本阴影。 7. `width`和`height`:分别设定容器的宽度和高度,可以设置为`double.infinity`使其充满父组件的相应方向。 8. `constraints`:添加额外的...

    史上最全的Flutter 隐式动画源代码

    最后,`animated_default_text_style_demo.dart` 通过 `AnimatedDefaultTextStyle` 显示了如何动画化文本的样式,如字体大小、颜色或不透明度。这对于创建动态文本提示或提示信息非常有用。 这些示例代码提供了学习...

    flutter_tabview_demo:Flutter应用程序展示TabView UI

    在Flutter中,我们可以使用`TabBar`和`TabBarView`组件来创建这种交互式导航。`TabBar`提供了一组可选的标签,而`TabBarView`则根据所选标签显示相应的内容。 在`flutter_tabview_demo`中,开发者首先需要导入必要...

    ShareSDK-For-Flutter-master.zip

    4. **丰富的组件库**:Flutter提供了大量的可自定义的Material Design和Cupertino(iOS风格)组件,方便快速构建界面。 在【ShareSDK-For-Flutter-master】中,DEMO项目将展示如何在Flutter应用中整合ShareSDK。...

    Flutter_Demo:Flutter基础

    Flutter中的所有可见元素都是Widget,包括按钮、文本、图片等。Widgets通过继承自`StatefulWidget`或` StatelessWidget`来实现。`StatefulWidget`用于创建有状态的组件,其状态可以在运行时改变;而` ...

    flutter_demo_apps

    `Material Design`是Flutter默认遵循的设计规范,提供了丰富的预定义组件,如按钮、文本输入框、滑动条等,这些组件都遵循Google的设计标准,确保了应用的美观和一致性。 `BuildContext`是Flutter中一个重要的概念...

    Flutter_Widget:小部件中各种组件,手势,布局和样式的实践练习demo

    在本文中,我们将深入探讨Flutter框架中的Widget,包括其组件、手势识别、布局以及样式设置。Flutter是由Google开发的一款开源跨平台移动应用开发框架,它使用Dart编程语言,为开发者提供了高效、灵活且丰富的工具集...

    Flutter学习之旅(二)----MD风格和点击事件

    首先,我们来了解如何在Flutter中创建MD风格的组件。Flutter提供了丰富的内置Widget,如`RaisedButton`、`IconButton`、`TextField`等,它们已经预设了MD样式。例如,`RaisedButton`可以创建一个凸起的按钮,通过...

Global site tag (gtag.js) - Google Analytics