-
升级FlutterSDK
终端输入flutter upgrade或者删除sdk重新下载
material.dart 基础样式
StatelessWidget与StatefulWidget：后者用于动态的组件比如进度条，前者用于静态的，后者比前者使用的偏多
R：点击后热加载，直接查看预览效果
P：在虚拟机中显示网格，工作中经常使用
O：切换Android和IOS的预览模式
Q：退出调试预览模式
查看全部 -
flutter 120fps超高性能
fps：每秒传输帧数，每秒画面数
第三方组件：https://github.com/Solido/awesome-flutter法国人总结的好用的组件。
开始使用flutter的大厂：Alibaba Tencent JD
查看全部 -
跨平台：Linux、android、ios、fuchsia
原生用户界面：它是原生的，让我们体验更好，性能更好
开源免费：完全开源，可以进行商用
cordova：混合式开发框架（Hybrid app）
RN（React Native）：原生app，以view为基础嵌入
Flutter：在渲染技术上，选择自己实现（GDI），有更好的可控性
查看全部 -
跨平台：Linux、android、ios、fuchsia
原生用户界面：它时原生的，让我们体验更好，性能更好
开源免费：完全开源，可以进行商用
查看全部 -
import 'package:flutter/material.dart';
void main() =>
runApp(MyApp(items: new List<String>.generate(1000, (i) => 'Items $i')));
class MyApp extends StatelessWidget {
final List<String> items;
MyApp({Key key, @required this.items}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'listView',
home: Scaffold(
appBar: AppBar(
title: Text('flutter'),
),
body: new ListView.builder(
itemCount: items.length,
itemBuilder: (context, index) {
return new ListTile(title: Text('${items[index]}'));
}),
),
);
}
}
class MyList extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return ListView(scrollDirection: Axis.horizontal, children: <Widget>[
new Container(
width: 380.0,
child: new Image.network(
'https://img1.sycdn.imooc.com//szimg/5dde5881088dd8da06000338-360-202.jpg'),
),
new Container(
width: 380.0,
child: new Image.network(
'https://img1.sycdn.imooc.com//szimg/5dde5881088dd8da06000338-360-202.jpg'),
),
new Container(
width: 380.0,
child: new Image.network(
'https://img1.sycdn.imooc.com//szimg/5dde5881088dd8da06000338-360-202.jpg'),
),
new Container(
width: 380.0,
child: new Image.network(
'https://img1.sycdn.imooc.com//szimg/5dde5881088dd8da06000338-360-202.jpg'),
),
]);
}
}
class MyDyList extends State {
@override
Widget build(BuildContext context) {
// TODO: implement build
return ListView(scrollDirection: Axis.horizontal, children: <Widget>[
new Container(
width: 380.0,
child: new Image.network(
'https://img1.sycdn.imooc.com//szimg/5dde5881088dd8da06000338-360-202.jpg'),
),
new Container(
width: 380.0,
child: new Image.network(
'https://img1.sycdn.imooc.com//szimg/5dde5881088dd8da06000338-360-202.jpg'),
),
new Container(
width: 380.0,
child: new Image.network(
'https://img1.sycdn.imooc.com//szimg/5dde5881088dd8da06000338-360-202.jpg'),
),
new Container(
width: 380.0,
child: new Image.network(
'https://img1.sycdn.imooc.com//szimg/5dde5881088dd8da06000338-360-202.jpg'),
),
]);
}
}
查看全部 -
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'hello',
home: Scaffold(
appBar: AppBar(
title: Text('flutter'),
),
body: Center(
child: new Container(
// child: new Text(
// '测试容器',
// style: TextStyle(fontSize: 25.0),
// ),
// alignment: Alignment.topLeft,
// width: 500.0,
// height: 300.0,
// //color: Colors.lightBlue,
// padding: const EdgeInsets.all(30.0),
// margin: const EdgeInsets.all(30.0),
// decoration: new BoxDecoration(
// //设置颜色渐变的效果
// gradient: const LinearGradient(
// colors: [Colors.lightBlue, Colors.purple, Colors.orange])),
// ),
child: new Image.network(
'http://q2clet0zz.bkt.clouddn.com/flutter/20191223105622.png',
scale: 2.0,
fit: BoxFit.cover,
),
width: 500.0,
height: 400.0,
color: Colors.lightBlue,
),
),
),
);
}
}
查看全部 -
动态数据展示
查看全部 -
padding 内边距属性
查看全部 -
style属性记录。
查看全部 -
常用属性记录
查看全部 -
快捷键截图看看
查看全部 -
flutter 120fps超高性能
fps：每秒传输帧数，每秒画面数
第三方组件：https://github.com/Solido/awesome-flutter法国人总结的好用的组件。
开始使用flutter的大厂：Alibaba Tencent JD
查看全部 -
cordova：混合式开发框架（Hybrid app）
RN（React Native）：原生app，以view为基础嵌入
Flutter：在渲染技术上，选择自己实现（GDI），有更好的可控性
查看全部 -
第三方组件地址：https://github.com/Solido/awesome-flutter
查看全部 -
同学们都是怎样科学上网的？查看全部
举报