flutter 起步

电玩女神 2021-10-01 09:34 383阅读 0赞

## 1.创建一个widget来容纳可见对象 ##

> 创建一个Text widget:

new Text('Hello World', style: new TextStyle(fontSize: 32.0))

> 创建一个 Image widget:

new Image.asset('images/myPic.jpg', fit: BoxFit.cover)

> 创建一个 Icon widget:

new Icon(Icons.star, color: Colors.red[500])

## 2.将可见widget添加到布局widget. ##

> 所有布局widget都有一个child属性（例如Center或Container），或者一个 children属性，如果他们需要一个widget列表（例如Row，Column，ListView或Stack）。

将Text widget添加到Center widget：

new Center(
      child: new Text('Hello World', style: new TextStyle(fontSize: 32.0))

## 3.将布局widget添加到页面. ##

> Flutter应用本身就是一个widget，大部分widget都有一个[build()][build]方法。在应用程序的build方法中创建会在设备上显示的widget。 对于Material应用程序，您可以将Center widget直接添加到`body`属性中

class _MyHomePageState extends State<MyHomePage> {
      @override
      Widget build(BuildContext context) {
        return new Scaffold(
          appBar: new AppBar(
            title: new Text(widget.title),
          ),
          body: new Center(
            child: new Text('Hello World', style: new TextStyle(fontSize: 32.0)),
          ),
        );
      }
    }

[build]: https://links.jianshu.com/go?to=https%3A%2F%2Fdocs.flutter.io%2Fflutter%2Fwidgets%2FStatelessWidget%2Fbuild.html

发表评论取消回复

表情：

评论列表（有 0 条评论，383人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue起步

Vue与原生js对比用一个案例来说明两者的区别：原生js <!DOCTYPE html> <html lang="en">

缺乏、安全感/ 2022年11月07日 04:18/ 0 赞/ 175 阅读

相关《Flutter 项目工程化》第一章起步

第一章起步 1.1 开发环境 1.2 新建项目 Android Studio (图形化界面) Git Bash 或 CMD (命令

灰太狼/ 2022年08月30日 01:46/ 0 赞/ 188 阅读

相关 Redis 起步

Rdis和JQuery一样是纯粹为应用而产生的，这里记录的是在CentOS 5.7上学习入门文章： 1.Redis简介 [![redis][] Redis][redis

太过爱你忘了你带给我的痛/ 2022年08月14日 05:33/ 0 赞/ 176 阅读

相关 Qt起步

Qt起步仅为官方文件翻译，原文地址：http://doc.qt.io/qt-5/gettingstarted.html Qt框架和工具可以在线安装也可以离线安装也可以从源

快来打我*/ 2022年07月31日 15:25/ 0 赞/ 198 阅读

相关 nodejs ---- 起步

跟着慕课敲了一波使用nodejs爬取慕课网废话不多说，直接上代码，太晚了。安装的教程以及这篇的注释明天补上爬取这个页面：[https://www.imooc.com/

叁歲伎倆/ 2022年05月14日 17:28/ 0 赞/ 233 阅读

相关 flutter 起步

1.创建一个widget来容纳可见对象 > 创建一个Text widget: new Text('Hello World', style: new Te

电玩女神/ 2021年10月01日 09:34/ 0 赞/ 384 阅读

相关 vue 起步

<table> <tbody> <tr> <td> <div> <span> 全局安装 vue-cli</span> </di

桃扇骨/ 2021年09月20日 13:14/ 0 赞/ 340 阅读

相关 Redis 起步

[Redis 起步][Redis] Rdis和JQuery一样是纯粹为应用而产生的，这里记录的是在CentOS 5.7上学习入门文章： 1.Redis简介 [![

深碍√TFBOYSˉ_/ 2021年09月10日 10:40/ 0 赞/ 417 阅读

相关 Flutter 移动应用：快速起步-准备项目

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

你的名字/ 2021年07月26日 02:49/ 0 赞/ 410 阅读

相关 flutter 起步程序解析

flutter中的类对象不需要new 1、导入 import 'package:flutter/material.dart';

本是古典何须时尚/ 2021年07月24日 16:16/ 0 赞/ 386 阅读