-
升級FlutterSDK
終端輸入flutter upgrade或者刪除sdk重新下載
material.dart 基礎(chǔ)樣式
StatelessWidget與StatefulWidget：后者用于動態(tài)的組件比如進(jìn)度條，前者用于靜態(tài)的，后者比前者使用的偏多
R：點擊后熱加載，直接查看預(yù)覽效果
P：在虛擬機中顯示網(wǎng)格，工作中經(jīng)常使用
O：切換Android和IOS的預(yù)覽模式
Q：退出調(diào)試預(yù)覽模式
查看全部 -
flutter 120fps超高性能
fps：每秒傳輸幀數(shù)，每秒畫面數(shù)
第三方組件：https://github.com/Solido/awesome-flutter法國人總結(jié)的好用的組件。
開始使用flutter的大廠：Alibaba Tencent JD
查看全部 -
跨平臺：Linux、android、ios、fuchsia
原生用戶界面：它是原生的，讓我們體驗更好，性能更好
開源免費：完全開源，可以進(jìn)行商用
cordova：混合式開發(fā)框架（Hybrid app）
RN（React Native）：原生app，以view為基礎(chǔ)嵌入
Flutter：在渲染技術(shù)上，選擇自己實現(xiàn)（GDI），有更好的可控性
查看全部 -
跨平臺：Linux、android、ios、fuchsia
原生用戶界面：它時原生的，讓我們體驗更好，性能更好
開源免費：完全開源，可以進(jìn)行商用
查看全部 -
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(
????????????//???????//設(shè)置顏色漸變的效果
????????????//???????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,
??????????),
????????),
??????),
????);
??}
}
查看全部 -
動態(tài)數(shù)據(jù)展示
查看全部 -
padding 內(nèi)邊距屬性
查看全部 -
style屬性記錄。
查看全部 -
常用屬性記錄
查看全部 -
快捷鍵截圖看看
查看全部 -
flutter 120fps超高性能
fps：每秒傳輸幀數(shù)，每秒畫面數(shù)
第三方組件：https://github.com/Solido/awesome-flutter法國人總結(jié)的好用的組件。
開始使用flutter的大廠：Alibaba Tencent JD
查看全部 -
cordova：混合式開發(fā)框架（Hybrid app）
RN（React Native）：原生app，以view為基礎(chǔ)嵌入
Flutter：在渲染技術(shù)上，選擇自己實現(xiàn)（GDI），有更好的可控性
查看全部 -
第三方組件地址：https://github.com/Solido/awesome-flutter
查看全部 -
同學(xué)們都是怎樣科學(xué)上網(wǎng)的？查看全部
舉報