Flutter学习 — 创建一个 grid List

效果图：

代码+注释：

import 'package:flutter/material.dart';void main() {runApp(new MyApp());
}class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {final title = 'Grid List';return new MaterialApp(title: title,home: new Scaffold(appBar: new AppBar(title: new Text(title),),body: new GridView.count(// Create a grid with 2 columns. If you change the scrollDirection to// horizontal, this would produce 2 rows./*** 创建一个包含2列的网格。 如果将scrollDirection更改为水平，这将产生2行。*/crossAxisCount: 2,// Generate 100 Widgets that display their index in the List// 生成100个在列表中显示其索引的小部件,参数一: 数量,参数二: 下标children: new List.generate(100, (index) {return new Center(child: new Text('Item $index',style: Theme.of(context).textTheme.headline,),);}),),),);}
}

喜欢记得点个赞哟，我是王睿，很高兴认识大家！

更多原理请参考谷歌官网：创建一个 grid List

Flutter学习 — 创建一个 grid List相关推荐

ROS学习-创建一个ROS msg和一个srv
目录 ROS msg和srv的介绍使用msg 创建一个msg 使用rosmsg命令使用srv 创建一个srv 使用rossrv命令 msg和srv的通用步骤使用Help 简要总结回顾 ROS m ...
Electron学习-创建一个程序
Electron - 第一个程序创建项目的时候我使用了Webstrom File -> New Project -> Node.js Express App (create) 大约一分钟 ...
.Net-ABP基础学习-创建一个能跑的后端项目
记录一个创建过程创建项目使用abp指令,-t -u 选择none那个,创建出来host项目(不会请参考官方文档 Domain创建实体实体继承Entity EFCore添加数据库上下文.依赖注入 ...
Flutter学习之Dart语法特性
一.前言第一天把Flutter环境搭建了,并简单实现第运行第一个Flutter项目,感觉很不错,一些基本操作和原生体验差不多.用Flutter框架写过App项目的开发者都知道,Flutter是一个使 ...
学会在Unity中创建一个Match-3益智游戏 Learn To Create a Match-3 Puzzle Game in Unity
MP4 |视频:h264,1280×720 |音频:AAC,44.1 KHz,2 Ch 语言:英语+中英文字幕(根据原英文字幕机译更准确) |时长:48场讲座(6h 38m) |大小解压后:2.8 G ...
android碎片调用动态碎片,Android Training - 使用碎片创建一个动态UI
为了能够在Android中创建动态和多窗口的用户界面,你需要封装UI组件和activity行为在不同的模块中,以便你可以在不同的activity间切换.你可以使用Fragment类创建这些模块,类似于 ...
使用Godot Engine创建一个2D RPG游戏
学习用对话框,有限状态机,剑攻击,敌人,着色器,用户界面,地下城和更多编码一个2D RPG游戏你会学到什么掌握游戏编程的关键概念学习Godot的语言GDScript 熟悉Godot引擎的界面创 ...
SilverLight学习笔记--如何在xaml文件中操作用户在后台代码定义的类(2)--示例篇：创建一个登录控件(原创)(转载本文请注明出处)...
本文将示例如何运用前篇所写知识来建立一个用户自定义的登录控件.此控件界面非常简单,主要涉及的知识点是: 如何创建用户控件(包括对此控件的自定义事件和属性的编写,此处我们将创建一个名为LoginBo ...
Flutter入门——创建第一个Flutter项目
Flutter入门--创建第一个Flutter项目一.创建项目第一个项目使用Android Studio创建,步骤如下: 先打开Android Studio,会有一个创建新的Flutter应用的选 ...
PS学习记录111111--如何在PS中创建一个干净的网页布局
作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 1111111111111111111111 ...

Flutter学习 — 创建一个 grid List

代码+注释：

喜欢记得点个赞哟，我是王睿，很高兴认识大家！

Flutter学习 — 创建一个 grid List相关推荐

最新文章

热门文章