没有合适的资源?快使用搜索试试~ 我知道了~
flutter学习重要文档包含所有代码和效果图1
需积分: 0 0 下载量 156 浏览量
2022-08-04
15:47:25
上传
评论
收藏 1.19MB PDF 举报
温馨提示
试读
220页
第一个 flutter 程序,hello world 第二个程序 调用字体库 第三个程序,多个控件类调用 第四个程序,listView
资源推荐
资源详情
资源评论
第一个 flutter 程序,hello world
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'welcome to flutter',
home: new Scaffold(
appBar: new AppBar(
title: new Text('welcome to flutter for android'),
),
body: new Center(
child: new Text('hello world'),
),
),
);
}
}
第二个程序 调用字体库
(1)打开 pubspec.yaml 文件,
dev_dependencies:
flutter_test:
sdk: flutter
(2)输入下面这两行
cupertino_icons: ^0.1.0
english_words: ^3.1.0
(3)点击右上角 Packages get,点击 run,打开控制台,可以看到这个日志
Performing hot reload...
Syncing files to device Lenovo L38041...
Reloaded 0 of 555 libraries in 254ms.
这样表示类库加载成功,然后去 lib 目录下的 main.dart 文件,输入:
import 'package:english_words/english_words.dart';
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
final wordPair = new WordPair.random();
return new MaterialApp(
title: 'welcome to flutter',
home: new Scaffold(
appBar: new AppBar(
title: new Text('welcome to flutter of ios'),
),
body: new Center(
child: new Text(wordPair.asCamelCase),
),
),
);
}
}
然后运行,运行成功就可以看到字体库加载成功了
第三个程序,多个控件类调用
import 'package:flutter/material.dart';
import 'package:english_words/english_words.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'welcome to flutter',
home: new Scaffold(
appBar: new AppBar(
title: new Text('welcome for mobile of this'),
),
body: new Center(
child: new RandomWords(),
),
),
);
}
}
class RandomWords extends StatefulWidget {
@override
createState() => new RandomWordsState();
}
class RandomWordsState extends State<RandomWords> {
@override
Widget build(BuildContext context) {
final wordPair = new WordPair.random();
return (new Text(wordPair.asPascalCase));
}
}
第四个程序,listView
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'listview',
theme: ThemeData(primarySwatch: Colors.
teal
),
home: Scaffold(
appBar: AppBar(title: Text('listviews of flutter')),
body: BodyLayout(),
),
);
}
}
class BodyLayout extends StatelessWidget {
@override
Widget build(BuildContext context) {
return _myListView(context);
}
Widget _myListView(BuildContext context) {
return ListView(
children: <Widget>[
ListTile(
title: Text('Sun'),
),
ListTile(
title: Text('Moon'),
),
],
);
}
}
运行效果图:
(2)带下划线的 listview
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'listview',
theme: ThemeData(primarySwatch: Colors.
teal
),
home: Scaffold(
appBar: AppBar(title: Text('listviews of flutter')),
body: BodyLayout(),
),
);
}
}
class BodyLayout extends StatelessWidget {
@override
Widget build(BuildContext context) {
return _myListView(context);
剩余219页未读,继续阅读
资源评论
创业青年骁哥
- 粉丝: 18
- 资源: 341
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 6_Advertising-gd_LearningRate.ipynb
- 12_base.apk
- 520马上到了两款动态爱心表白HTML代码(附源码)李峋同款爱心,快送给你爱的她或(他)吧12 情侣纪念日代码.zip
- 电子设计竞赛的单相不间断电源设计
- cutcamera1715961370938.png
- 基于MATLAB的图像处理课程设计报告.doc
- tensorflow-gpu-2.6.0-cp38-cp38-manylinux2010-x86-64.whl
- mmexport1715960553858.png
- tensorflow-gpu-2.6.0-cp37-cp37m-manylinux2010-x86-64.whl
- 通过 .NET 应用程序中的源代码查找 SQL 注入
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功